javascript数据类型(typeof操作符)

maolai web前端javascript数据类型(typeof操作符)已关闭评论329阅读模式

ECMAScript 中有 5 种简单数据类型:Undefined、Null、Boolean、Number 和 String。还有一种复杂数据类型——Object。ECMAScript 不支持任何创建自定义类型的机制,所有值都成为以上 6 中数据类型之一。

一、typeof操作符

typeof操作符是用来检测变量的数据类型。对于值或变量使用 typeof 操作符会返回如下字符串。

字符串 类型
undefined 未定义
boolean 布尔值
string 字符串
number 数值
object 对象或null
function 函数
var box='个人博客';
alert(typeof box);      //box是String类型,值是'个人博客',类型返回的字符串是string
alert(typeof '个人博客');

typeof操作符可以操作变量,也可以操作字面量。虽然也可以这样使用:typeof(box),但,typeof是操作符而非内置函数。PS:函数在 ECMAScript 中是对象,不是一种数据类型 。所以,使用typeof来区分function和object是非常有必要的。

二、Undefined 类型

Undefined 类型只有一个值,即特殊的 undefined。在使用var声明变量,但没有对其初始化时,这个变量的值就是undefined。

var box;
alert(box);    //box是Undefine类型,值是undefined,类型返回的字符串是undefined

PS:我们没有必要显式的给一个变量赋值为undefined,因为没有赋值的变量会隐式的(自动的)赋值为 undefined;而 undefined主要的目的是为了用于比较,ECMAScript第3版之前并没有引入这个值,引入之后为了正式区分空对象与未经初始化的变量。

未初始化的变量与根本不存在的变量(未声明的变量)也是不一样的。

var box;
alert(age);    //age is not defined

PS:如果typeof box,typeof age都返回的undefined。从逻辑上思考,他们的值,一个是undefined,一个报错;他们的类型,却都是undefined。所以,我们在定义变量的时候,尽可能的不要只声明,不赋值。

三、Null类型

Null 类型是一个只有一个值的数据类型,即特殊的值 null。它表示一个空对象引用(指针),而 typeof 操作符检测 null 会返回 object。

var box=null;
alert(typeof box);    //box是Null类型,值是null,类型返回的字符串是object

如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为null。这样,当检查null值就知道是否已经变量是否已经分配了对象引用了。

var box=null;
if (box!=null) {
alert('box对象已存在!');
}

有个要说明的是:undefined是派生自null的,因此ECMA-262规定对它们的相等性测试返回 true。

alert(undefined==null);

由于undefined和null两个值的比较是相等的,所以,未初始化的变量和赋值为null的变量会相等。这时,可以采用 typeof 变量的类型进行比较。但,建议还是养成编码的规范 ,不要忘记初始化变量。

var box;
var car=null;
alert(typeof box==typeof car)

四、Boolean 类型

Boolean 类型有两个值(字面量):true和false。而true不一定等于 1,false不一定等于 0 。JavaScript 是区分大小写的,True和False或者其他都不是Boolean 类型的值。

var box=true;
alert(typeof box);    //box是Boolean类型,值是true,类型返回的字符串是boolean

虽然 Boolean 类型的字面量只有 true 和 false 两种,但 ECMAScript 中所有类型的值都有与这两个 Boolean 值等价的值。要将一个值转换为其对应的 Boolean 值,可以使用转型函数Boolean()。

var hello='Hello World!';
var hello2=Boolean(hello);
alert(typeof hello);

上面是一种显示转换,属于强制性转换。而实际应用中,还有一种隐式转换。比如,在if条件语句里面的条件判断,就存在隐式转换。

var hello='Hello World!';
if (hello) {
alert('如果条件为 true,就执行我这条!');
} else {
alert('如果条件为 false,就执行我这条!');

以下是其他类型转换成Boolean

数据类型 转换为true的值 转换为false的值
Boolean true false
String 任何非空字符串 空字符串
Number 任何非零数字值(包括无穷大) 0和NaN
Object 任何对象 null
Undefined undefined

五、 String类型

String类型用于表示由于零或多个16位 Unicode 字符组成的字符序列,即字符串。字符串可以由双引号(")或单引号(')表示。

var box='Lee';
var box="Lee";

PS:在某些其他语言(PHP)中,单引号和双引号表示的字符串解析方式不同,而ECMAScript 中,这两种表示方法没有任何区别。但要记住的是,必须成对出现,不能穿插使用,否则会出错。

var box='个人博客";    //出错

String类型包含了一些特殊的字符字面量,也叫转义序列。

字面量 含义
\n 换行
\t 制表
\b 空格
\r 回车
\f 进纸
\\ 斜杠
\' 单引号
\" 双引号
\xnn 以十六进制代码 nn 表示的一个字符(0~F)。例:\x41
\unnn 十六进制代码nnn表示的一个Unicode字符(0~F)。例:\u03a3

以ECMAScript 中的字符串是不可变的,也就是说,字符串一旦创建,它们的值就不能改变。要改变某个变量保存的字符串,首先要销毁原来的字符串,然后再用另一个包含新值的字符串填充该变量。

var box='Mr.';
box=box+'Lee';

toString()方法可以把值转换成字符串。

var box=11;
var box=true;
alert(typeof box.toString());

toString()方法一般是不需要传参的,但在数值转成字符串的时候,可以传递进制参数。

var box=10;
alert(box.toString());    //10,默认输出
alert(box.toString(2));    //1010,二进制输出
alert(box.toString(8));    //12,八进制输出
alert(box.toString(10));    //10,十进制输出
alert(box.toString(16));    //a,十六进制输出

如果在转型之前不知道变量是否是 null 或者 undefined 的情况下,我们还可以使用转型函数 String(),这个函数能够将任何类型的值转换为字符串。

var box=null;
alert(String(box));   //类型返回的字符串是null

PS:如果值有 toString()方法,则调用该方法并返回相应的结果;如果是 null 或者undefined,则返回"null"或者"undeinfed"。

六、Object 类型

var box={};
alert(typeof box);    //box是Object类型,值是{object Object},类型返回的字符串是object

ECMAScript 中的对象其实就是一组数据和功能的集合。对象可以通过执行new操作符后跟要创建的对象类型的名称来创建。

var box=new Object();

Object()是对象构造,如果对象初始化时不需要传递参数,可以不用写括号,但这种方式我们是不推荐的。

var box=new Object;

Object()里可以任意传参,可以传数值、字符串、布尔值等。而且,还可以进行相应的计算。

var box=new Object(2);    //Object 类型,值是 2
var age=box+ 2;    //可以和普通变量运算
alert(age);    //输出结果,转型成 Number 类型了

既然可以使用new Object()来表示一个对象,那么我们也可以使用这种new操作符来创建其他类型的对象。

var box=new Number(5); //new String('Lee')、new Boolean(true)
alert(typeof box);    //Object 类型

 
maolai
  • 本文由 maolai 发表于 2016年7月13日 19:48:47
  • 转载请务必保留本文链接:http://www.bokequ.com/114.html