本文详细介绍了ECMAScript中的六种数据类型：Undefined、Null、Boolean、Number、String和Object。内容覆盖了每种数据类型的特性、如何使用typeof操作符检测数据类型、数值类型的转换规则以及字符串和对象的基本操作。
学习要点：
1.typeof 操作符
2.Undefined 类型
3.Null 类型
4.Boolean 类型
5.Number 类型
6.String 类型
7.Object 类型
ECMAScript 中有5 种简单数据类型：Undefined、Null、Boolean、Number 和String。
还有一种复杂数据类型——Object。ECMAScript 不支持任何创建自定义类型的机制，所有
值都成为以上6 中数据类型之一。
一．typeof操作符
typeof 操作符是用来检测变量的数据类型。对于值或变量使用typeof 操作符会返回如下字符串。
字符串描述
undefined 未定义
boolean 布尔值
string 字符串
number 数值
object 对象或null
function 函数
var box = 'ThisIsAString';
alert(typeof box);
alert(typeof 'ThisIsAString');复制代码typeof 操作符可以操作变量，也可以操作字面量。虽然也可以这样使用：typeof(box)，但，typeof 是操作符而非内置函数。PS：函数在ECMAScript 中是对象，不是一种数据类型。所以，使用typeof 来区分function 和object 是非常有必要的。
二．Undefined类型
Undefined 类型只有一个值，即特殊的undefined。在使用var 声明变量，但没有对其初始化时，这个变量的值就是undefined。
var box;
alert(box);
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);
如果定义的变量准备在将来用于保存对象，那么最好将该变量初始化为null。这样，当
检查null 值就知道是否已经变量是否已经分配了对象引用了。
var box = null;
if (box != null) {
alert(“‘box' object dose already exist”);
}
有个要说明的是：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);
虽然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('It is really TRUE!');
} else {
alert('Sorry, it is FALSE!');
}
以下是其他类型转换成 Boolean类型规则
数据类型 转换为true 的值 转换为false 的值
Boolean true false
String 任何非空字符串 空字符串
Number 任何非零数字值(包括无穷大) 0 和NaN
Object 任何非空对象 null
Undefined undefined复制代码五．Number类型
Number 类型包含两种数值：整型和浮点型。为了支持各种数值类型，ECMA-262 定义了不同的数值字面量格式。最基本的数值字面量是十进制整数。
var box = 100; // Decimal integer
八进制数值字面量，(以8 为基数)，前导必须是0，八进制序列(0~7)。
var box = 070; // Octal integer，56
var box = 079; //Invalid octal integer，be parsed as 79
var box = 08; // Invalid octal integer，be parsed as 8复制代码十六进制字面量前面两位必须是0x，后面是(0~9 及A~F)。
var box = 0xA; // Hexadecimal integer，10
var box = 0x1f; // Hexadecimal integer，31复制代码浮点类型，就是该数值中必须包含一个小数点，并且小数点后面必须至少有一位数字。
var box = 3.8;
var box = 0.8;
var box = .8; //Valid，but not recommended复制代码由于保存浮点数值需要的内存空间比整型数值大两倍，因此ECMAScript 会自动将可以
转换为整型的浮点数值转成为整型。
var box = 8.; //Nothing following the decimal point，be parsed as 8
var box = 12.0; //“0” following the decimal point，be parsed as 12复制代码对于那些过大或过小的数值，可以用科学技术法来表示(e 表示法)。用e 表示该数值的
前面10 的指数次幂。
var box = 4.12e9; //4120000000
var box = 0.00000000412; //4.12e-9复制代码虽然浮点数值的最高精度是17 位小数，但算术运算中可能会不精确。由于这个因素，
做判断的时候一定要考虑到这个问题(比如使用整型判断)。
alert(0.1+0.2); //0.30000000000000004
浮点数值的范围在：Number.MIN_VALUE ~ Number.MAX_VALUE 之间。
alert(Number.MIN_VALUE); // Minimum value
alert(Number.MAX_VALUE); // Maximal value复制代码如果超过了浮点数值范围的最大值或最小值，那么就先出现Infinity(正无穷)或者
-Infinity(负无穷)。
var box = 100e1000; //Out of range，Infinity
var box = -100e1000; //Out of range，-Infinity复制代码也可能通过Number.POSITIVE_INFINITY 和Number.NEGATIVE_INFINITY 得到
Infinity(正无穷)及-Infinity(负无穷)的值。
alert(Number.POSITIVE_INFINITY); //Infinity
alert(Number.NEGATIVE_INFINITY);//-Infinity复制代码要想确定一个数值到底是否超过了规定范围，可以使用isFinite()函数。如果没有超过，
返回true，超过了返回false。
var box = 100e1000;
alert(isFinite(box)); //Return ‘false’ or ‘true’复制代码NaN，即非数值(Not a Number)是一个特殊的值，这个数值用于表示一个本来要返回数
值的操作数未返回数值的情况(这样就不会抛出错误了)。比如，在其他语言中，任何数值除以0 都会导致错误而终止程序执行。但在ECMAScript中，会返回出特殊的值，因此不会影响程序执行。
var box = 0 / 0; //NaN
var box = 12 / 0; //Infinity
var box = 12 / 0 * 0; //NaN复制代码可以通过Number.NaN 得到NaN 值，任何与NaN 进行运算的结果均为NaN，NaN 与自
身不相等(NaN 不与任何值相等)。
alert(Number.NaN); //NaN
alert(NaN+1); //NaN
alert(NaN == NaN) //false复制代码ECMAScript 提供了isNaN()函数，用来判断这个值到底是不是NaN。isNaN()函数在接
收到一个值之后，会尝试将这个值转换为数值。
alert(isNaN(NaN)); //true
alert(isNaN(25)); //false，25 is a number
alert(isNaN('25')); //false，'25' is a string，can be converted to number
alert(isNaN('Lee')); //true，'Lee' can’t be converted to number
alert(isNaN(true)); //false true can be converted to ‘1’复制代码isNaN()函数也适用于对象。在调用isNaN()函数过程中，首先会调用valueOf()方法，然后确定返回值是否能够转换成数值。如果不能，则基于这个返回值再调用toString()方法，再测试返回值。
var box = {
toString : function () {
return '123';
}
};
alert(isNaN(box)); //false复制代码有3 个函数可以把非数值转换为数值：Number()、parseInt()和parseFloat()。Number()函数是转型函数，可以用于任何数据类型，而另外两个则专门用于把字符串转成数值。
alert(Number(true)); //1，“true”and“false” can be converted to 1 and 0
alert(Number(25)); //25，numeric data type can be return directly
alert(Number(null)); //0，null object will be converted to 0
alert(Number(undefined)); //NaN，“undefined” will be converted to NaN复制代码如果是字符串，应该遵循一下规则：
1.只包含数值的字符串，会直接转成成十进制数值，如果包含前导0，即自动去掉。
alert(Number('456')); //456
alert(Number('070')); //70复制代码2.只包含浮点数值的字符串，会直接转成浮点数值，如果包含前导和后导0，即自动去掉。
alert(Number('08.90')); //8.9
3.如果字符串是空，那么直接转成成0。
alert(Number('')); //0
4.如果不是以上三种字符串类型，则返回NaN。
alert('Lee123'); //NaN
5.如果是对象，首先会调用valueOf()方法，然后确定返回值是否能够转换成数值。如果转换的结果是NaN，则基于这个返回值再调用toString()方法，再测试返回值。
var box = {
toString : function () {
return '123'; //You can change it into “javaScriptString” and observe it
}
};
alert(Number(box)); //123复制代码由于Number()函数在转换字符串时比较复杂且不够合理，因此在处理整数的时候更常用的是parseInt()。
alert(parsetInt('456Lee')); //456，会返回整数部分
alert(parsetInt('Lee456Lee')); //NaN，如果第一个不是数值，就返回NaN
alert(parseInt('12Lee56Lee')); //12，从第一数值开始取，到最后一个连续数值结束
alert(parseInt('56.12')); //56，小数点不是数值，会被去掉
alert(parseInt('')); //NaN，空返回NaN复制代码parseInt()除了能够识别十进制数值，也可以识别八进制和十六进制。
alert(parseInt('0xA')); //10，十六进制
alert(parseInt('070')); //56，八进制
alert(parseInt('0xAFjee')); //10，十六进制，Lee 被自动过滤掉
ECMAScript 为parseInt()提供了第二个参数，用于解决各种进制的转换。
alert(parseInt('0xAF')); //175，十六进制
alert(parseInt('AF',16)); //175，第二参数指定十六进制，可以去掉0x 前导
alert(parseInt('AF')); //NaN，理所当然
alert(parseInt('101010101',2)); //314，二进制转换
alert(parseInt('70',8)) //56，八进制转换
parseFloat()是用于浮点数值转换的，和parseInt()一样，从第一位解析到非浮点数值位置。
alert(parseFloat('123Lee')); //123，去掉不是别的部分
alert(parseFloat('0xA')); //0，不认十六进制
alert(parseFloat('123.4.5')); //123.4，只认一个小数点
alert(parseFloat('0123.400')); //123.4，去掉前后导
alert(parseFloat('1.234e7')); //12340000，把科学技术法转成普通数值复制代码六．String类型
String 类型用于表示由于零或多个16 位Unicode 字符组成的字符序列，即字符串。字
符串可以由双引号(")或单引号(')表示。
var box = 'ThisIsAString';
var box = " ThisIsAString ";复制代码PS：在某些其他语言(PHP)中，单引号和双引号表示的字符串解析方式不同，而ECMAScript 中，这两种表示方法没有任何区别。但要记住的是，必须成对出现，不能穿插
使用，否则会出错。
var box = ' ThisIsAString "; // Error
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，output by default
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));复制代码PS：如果值有toString()方法，则调用该方法并返回相应的结果；如果是null 或者
undefined，则返回"null"或者"undeinfed"。
七．Object类型
ECMAScript 中的对象其实就是一组数据和功能的集合。对象可以通过执行new 操作符
后跟要创建的对象类型的名称来创建。
var box = new Object();
Object()是对象构造，如果对象初始化时不需要传递参数，可以不用写括号，但这种方
式我们是不推荐的。
var box = new Object;
Object()里可以任意传参，可以传数值、字符串、布尔值等。而且，还可以进行相应的
计算。
var box = new Object(2); //Object type，the value is 2
var age = box + 2; //Can operated with normal variable
alert(age); //The output result，converted to Number type复制代码既然可以使用new Object()来表示一个对象，那么我们也可以使用这种new 操作符来创
建其他类型的对象。
var box = new Number(5); //new String('Lee')、new Boolean(true)
alert(typeof box); //Object type复制代码PS：面向对象是JavaScript 课程的重点，这里我们只是简单做个介绍。详细的课程将在以后的章节继续学习。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
