JavaScript 的 7 种数据类型（4基 2空 1对象）

        JavaScript是弱类型语言，对于数据类型的规范比较松散。具体表现有：（1）分类简单，且不明确细分、（2）声明变量时，不用指定数据类型、（3）使用不严格，可根据需要自动转换数据类型、（4）数据类型检查比较简单，也比较混乱。

        优点：使用限制少，应用灵活。

        缺点：开发复杂的程序存在瓶颈，执行效率与强类型语言相比较低。

1、7 种数据类型

数据类型	说明：（四基两空一对象）
Number	数值，JavaScript 数值类型不再细分整型、浮点型等，js 的所有数值都属于浮点型，64位浮点数。
String	字符串，最抽象的数据类型，信息传播的载体，字符串必须包含在单引号、双引号或反引号之中，一个字符两个字节。
Boolean	布尔值，最机械的数据类型，逻辑运算的载体，仅有两个值，true / false。
Symbol	符号类型，ES6 引入的一种新的原始数据类型，表示独一无二的值，不常用。
null	空值，表示不存在，当为对象的属性赋值为 null，表示删除该属性，使用 typeof 运算符检测 null 值，返回 Object。
undefined	未定义，当声明变量而没有赋值时会显示该值，可以为变量赋值为 undefined。
Object	对象，是一种无序的数据集合，内容是键值对的形式，键名（key）是字符串，可以包含任意字符（空格），字符串引号可省略。 可以通过 Object.keys(obj) 打印出 obj 对象中的所有 key 值。读对象的属性时，如果使用 [ ] 语法，那么 JS 会先求 [ ] 中表达式的值。如果使用点语法，那么点后面一定是 string 常量。
注意：数组、函数、日期，不是数据类型，它们都属于对象 Object 。

2、数值类型（Number）

数值（Number）也称为数字或数。JavaScript 数值类型不再细分整型、浮点型等，所有数值都属于浮点型。

2.1、数值直接量

当数值直接出现在程序中时，被称为数值直接量。在 JavaScript 程序中，直接输入的任何数字都被视为数值直接量。数值直接量可以细分为整型直接量和浮点型直接量。浮点数就是带有小数点的数值，而整数是不带小数点的数。

var int = 1;        //整形数值，一般都是 32 位数值
var float = 1.0;    //浮点型数值，一般都是 64 位数值

浮点数可以使用科学计数法来表示。下面的三行代码是等价的

var float = 1.2e3;
var float = 1.2*10*10*10;
var float = 1200;

其中e（或E）表示底数，其值为10，而 e 后面跟随的是10的指数。指数是一个整型数值，可以取正负值。

2.2、八进制和十六进制

JavaScript 支持把十进制数值转换为八进制和十六进制数值直接量。

（1）十六进制数值直接量：以 “0X” 或 “0x” 作为前缀，后面跟随十六进制的数值直接量。

var num = 0x1F4;   //十六进制数值
alert(num);        //返回500

十六进制的数值是从 0-9 和 a-f 的数字或字母任意组合，用来表示 0-15 之间的某个字，超过这个范围则以进制进行表示。

在JavaScript中，可以使用 Number 的 toString(16) 方法把十进制整数转换为十六进制字符串的形式显示。

（2）八进制数值直接量：以数字 0 为前缀，其后跟随一个八进制的数值直接量。

var num = 0764;    //八进制数值
alert(num);        //返回500

八进制或十六进制的数值在参与数学运算之后，返回的都是十进制数值。

考虑到安全性，不建议使用八进制数值直接量，因为 JavaScript 可能会误解析为十进制数值。

2.3、数值运算

使用算术运算符，数值可以参与各种计算，如加、减、乘、除等运算操作。

为了解决复杂运算，JavaScript 提供了大量的数值运算函数，这些函数作为 Math 对象的属性或方法可以直接调用，例如：

var a = Math.floor(20.5);    //调用数学函数，向下取整
var b = Math.round(20.5);    //调用数学函数，四含五入
alert(a);    //返回20
alert(b);    //返回21

toString() 是一个非常实用的方法，它可以根据所传递的参数把数值转换为对应进制的数值字符串。参数可以接收 2-36 之间的任意整数，也就是说，该方法可以把数值转换为 2~36 之间任意一种进制数值字符串。

var a = 32;
document.writeln(a.tostring(2));     //返回字符串100000
document.writeln(a.toString(4));     //返回字符串200
document.writeln(a.toString(16));    //返回字符串20
document.writeln(a.tostring(30));    //返回字符串12
document.writein(a.toString(32));    //返回字符串10

//但是对于数值直接量来说，不能直接调用toString()方法，必须使用小括号强制运算数侦直接量后，再调用该方法：
document.writeln(32.toString(16));    //执行错误
document.writeln((32).toString(16));  //返回20

使用JavaScrpt进行数值计算时，要防止浮点数溢出。例如，二进制的浮点数不能正确地处理十进制的小数，因此 0.1+0.2 不等于 0.3。

num = 0.1 + 0.2;    //0.30000000000000004

这是 JavaScript 中最经常报告的 Bug，并且这是遵循二进制浮点数算术标准（IEEE754）而导致的结果。这个标准适合很多应用，但它违背了数字基本常识。

解决方法：浮点数中的整数运算是精确的，所以小数表现出来的问题可以通过指定精度来避免。例如，针对上面的相加可以这样进行处理：

a = (1-2)/10;    //0.3

这种处理经常在货币计算中用到，在计算货币时当然期望得到精确的结果。例如，元可以通过乘以100而全部转成分，然后就可以准确地将每项相加，求和后的结果可以除以100转换回元。

2.4、特殊字符

JavaScript 定义了几个特殊数值常量，如下：

特殊值	说明
Infinity	无穷大，当数值超过浮点型所能够表示的范围。反之，负无穷大为-Infinity
NaN	非数值。不等于任何数值，包括自己。如当0除以0时会返回这个怪异的值
Number.MAX_VALUE	表示最大数值
Number.MIN VALUE	表示最小数值，一个接近0的数值
Number NaN	非数值，与NaN常量相同
Number POSTIVE_INFINITY	表示正无穷大的数值
Numbcr.NEGATIVE INFINTTY	表示负无穷大的数值

NaN（Not a Number，非数字值）是在（IEEE754）中定义的一个特殊的数值。它不表示一个数字，尽管下面的表达式返回的是 true。

typeof NaN === 'number'    // true

在试图将非数字形式的字符串转换为数字时会产生NaN，例如：

+ '0'       //0
+ 'oops'    //NaN

如果 NaN 是数学运算中的一个运算数，那么与其他运算数的运算结果就会是 NaN。如果有一个表达式产生出 NaN 的结果，那么至少其中一个运算数是 NaN，或者在某个地方产生了 NaN。

可以对 NaN 进行检测，但是 typeof 不能辨别数字和NaN的区别，并且NaN不等同于它自己。

NaN === NaN     //false
NaN !== NaN     //true

为了方便检测 NaN 值，JavaScript 提供 isNaN 静态函数，以辨别数字与 NaN 区别。

isNaN(NaN)      //true
isNaN(0)        //false
isNaN('oops')   //true
isNaN('0')      //false

判断一个值是否可用做数字的最佳方法是使用 isFinite 函数，因为它会筛除掉 NaN 和 Infinity。Infinity 表示无穷大。当数值超过浮点型所能够表示的范围时，就要用Infinity表示。反之，负无穷大为-Infinity。

使用 isFinite 函数能够检测 NaN、正负无穷大。如果是有限数值，或者可以转换为有限数值，那么将返回 true。如果只是NaN、正负无穷大的数值，则返回false.

isFinite 会试图把它的运算数转换为一个数字。所以，如果值不是一个数字，使用 isFinite 函数就不是一个有效的检测方法，这时不妨自定义 isNumber 函数。

var isNumber = function isNumber(value){
    return typeof value ==='number'&& isFinite(value);
}

3、字符串类型（String）

字符串（String），也称为文本，JavaScript 文本不分字符串和字符。

3.1、字符串直接量

字符串由 Unicode 字符、数字和各种符号组合而成，字符串必须包含在单引号、双引号或反引号之中。

当如果字符串包含在双引号中，则字符串内可以包含单引号。反之，可以在单引号中包含双引号。

字符串应在一行内显示，换行显示是不允许的。例如，以下字符串直接量的写法是错误的。

alert("字符串
直接量");        //返回错误

//如果需要字符串换行显示，可以在字符串中添加换行符（\n）
alert("字符串\n直接量");  

在字符串中添加特殊字符，需要使用转义字符表示，如单引号、双引号等。

字符串中每个字符都有固定的位置。首字符的下标位置为 0，第 2 个字符的下标位置为 1，依此类推。这与数组元素的位置是一样的，最后一个字符的下标位置是字符串长度减1。

3.2、转义序列

转义序列，是字符的一种间接表示方式。在特殊语境中，无法直接使用字符自身。例如，在字符串中包含说话内容：

"子日："学而不思则罔，思而不学则殆。""

由于 JavaScript 已经赋予了双引号为字符串直接量的声明符号，如果在字符串中包含双引号，就会破坏字符串直接量。解决方法必须使用转义表示。

"子日：\"学而不思则罔，思而不学则殆。\""

JavaScript 定义反斜杠加上字符可以表示字符自身。但是一些字符加上反斜杠后会表示特殊含义，这些特殊转义字符被称为转义序列，如下：

序列	序列代表的字符
\0	Null字符（\u0000）
\b	退格符（\u0008）
\t	水平制表符（\u0009）
\n	换行符（\u00A）
\v	垂直制表符（\u000B）
\f	换页符（\u00C）
\r	回车符（\u00D）
\''	双引号（\u0022）
\'	单引号（\u0027）
\\	反斜线（\u005C）
\xXX	由两位十六进制数值XX指定的Lati-1字符
\uXXX	由4位十六进制数值XXXX指定的Unicode字符
\XXX	XXx由1-3位人进制数值指定的Latin-1字符，ECMAScripl3.0版本不支持，一般不建议使用

由于反斜杠具有转义功能，但它仅对特殊字符有转义功能，因此当在一个正常字符前添加反斜杠时，JavaScript 会忽略该反斜杠。例如：

alert("子日：\"学\而\不\思\则\罔\，\思\而\不\学\则\殆\。)   
alert("子日：\"学而不思则罔，思而不学则殆。\""）    //与上一行等价

4.3.字符串操作

借助 Sringt 定义的众多属性和方法，用户可以操作字符串。如果灵活操作字符串，用户可能需要配合正则表达式，加号（+）运算符用于数值相加，在 JavaScript 中也可以用来连接两个字符串。

以下代码将返回“学而不思则罔思而不学则殆”合并后的字符串。

alert("学而不思则罔"+"思而不学则殆");

确定字符串的长度可以使用 length 属性，下面代码将返回13。

alert("学而不思则罔"+"思而不学则殆".1ength);    //返回13

4、布尔类型（Boolean）

布尔型（Boolean）仅包含两个固定的值（true 和 false），其中 true 代表 "真"，而 false 代表 "假"。

在 JavaScript 中，undefined、null、''、0、NaN 和 false 这 6 个特殊值转换为逻辑值时为false，被称为假值。除了假值之外，其他任何类型的数据转换为逻辑值时都是 true。

以下使用 Boolean 构造函数强制转换各种特殊值为布尔值。

alert(Boolean(0));            //返回false
alert(Boolean(NaN));          //返回false
alert(Boolean(null));         //返回false
alert(Boolean(""));           //返回false
alert(Boolean(undefined));    //返回talse

以下代码利用假值的特殊性，判断变量 a 是否为空，如果为空，则提示错误信息。

var a;
if(!a){
    alert("该变量为空，还没有赋值!")
}

通过以下方式可以有效检测变量 b 是否初始化，并根据情况补充赋值：

var b;
b=b?b:"OK”;    //如果变量 b 为空则重新为其赋值，否则采用原来的值
alert(b);

5、空类型（Null）

Null 类型数据只有一个值，即 null，它表示空值。使用 typeof 运算符检测 null 值，返回 Object，表明它应属于对象类型。但是 JavaScript 把它归为一类数据，主要目的是为了方便使用。

null 是 Null 型的直接量，当一个变量值为 null 时，说明它是一个空值，不是一个有效的对象。这时 JavaScript 会自动回收它，避免变量占用无效的空间。

6、未定义（Undefined）

undefined 是 Undefined 类型的唯一值，它表示未定义的值。当声明变量未赋值时，或者定义属性未设置值时，默认它们的值为 undefined。

null 和 undefined都表示缺少值，都是假值，可以相等。

alert(null == undefined);    //返回true

但是，nul 和 undefined 分别属于两种不同类型的数据，使用全等运算符（===）或 typeof 运算符可以区分检测它们的类型。

alert(null === undefined);    //返回false 
alert(typeof null);           //返回“object”
alert(typeof undefined);      //返回"undefined"

检测一个变量是否被初始化，可以借助 undefined 值进行快速检测。

var a;        //声明变量
alert(a);     //返回变量默认值为undefined

(a == undefined) && (a = 0);    //检测变量是否初始化，否则为其赋值
alert(a);     //返回初始值0

也可以使用 typeof 运算符检测变量的类型是否为 undefined。
 

(typeof a == "undefined") && (a = 0);    //检测变量是否初始化，否则为其默值

在以下代码中，声明了变量 a，而没有声明变量 b，然后使用 typeof 运算符检测它们的类型，返回的值都是字符串 "undefined"。说明不管是声明，还是未声明的变量，都可以通过 typeof 运算符检测变量是否初始化。

var a;
alert(typeof a);    //返回 "undefined"
alert(typeof b);    //返回 "undefined"

对于未声明的变量 b 来说，如果直接在表达式中使用，会引发异常。

alert(b == undefined);    //提示未定义的错误信息

对于函数来说，如果没有明确的返回值，则默认返回值都为 undefined。

function fun(){

}
alert(fun());        //返回"undefined"

7、对象类型（Object）

传送门：JavaScript 对象 Object 数据类型