JavaScript数据类型转换方法总结

0 查看数据类型

0.1 Typeof()

0.2 instanceof()

可通过 instanceof 操作符来判断对象的具体类型

0.3 constructor

constructor 属性返回所有 JavaScript 变量的构造函数

1 转换成boolean

Boolean()函数可以将任意类型的值转为布尔值。

它的转换规则相对简单：除了以下五个值的转换结果为false（当然布尔值false自己会被转换成false），其他的值全部为true（包括Symbol）。

undefined

null

0

NaN

''（空字符串）

2 转换成number

2.1 Number()

全局方法。使用Number函数，可以将任意类型的值转化成数值。

数值：转换后还是原来的值。

字符串：如果可以被解析为数值，则转换为相应的数值；如果不可以被解析为数值，返回 NaN；空字符串转为0。

布尔值：true 转成 1，false 转成 0。

undefined：转成 NaN。

null：转成0。

Symbol：报错。

对象：返回 NaN，除非是包含单个数值的数组。

Number([1, 2, 3]) // NaNNumber([5]) // 5

2.2 数值运算符（也可以理解为自动转换）

数值运算符（+）是一元运算符，可以将任何值转为数值（与Number函数的作用相同）。

负数值运算符（-）得到的值正负相反。

+true //1-true //-1

2.3 parseInt() 

parseInt方法用于将字符串转为整数。如果parseInt的参数不是字符串，则会先转为字符串再转换。字符串转为整数的时候，是一个个字符依次转换，如果遇到不能转为数字的字符，就不再进行下去，返回已经转好的部分。

如果字符串以0开头，将其按照10进制解析。

以0x或0X开头，parseInt会将其按照十六进制数解析。

如果字符串的第一个字符不能转化为数字（后面跟着数字的正负号除外），返回NaN。

所以，parseInt的返回值只有两种可能，要么是一个十进制整数，要么是NaN。

parseInt方法还可以接受第二个参数（2到36之间），表示被解析的值的进制，返回该值对应的十进制数。默认情况下，parseInt的第二个参数为10，即默认是十进制转十进制。

parseInt('1000', 2) // 8parseInt('1000', 6) // 216parseInt('1000', 8) // 512

如果第二个参数不是数值，会被自动转为一个整数。这个整数只有在2到36之间，才能得到有意义的结果，超出这个范围，则返回NaN。如果第二个参数是0、undefined和null，则直接忽略。

2.4 parseFloat()

parseFloat方法用于将一个字符串转为浮点数。

和parseInt方法一样是一个个字符依次转换，如果遇到不能转为数字的字符，就不再进行下去，返回已经转好的部分。

如果参数不是字符串，或者字符串的第一个字符不能转化为浮点数，则返回NaN。

不同于Number函数，parseInt 和 parseFloat 会将空字符串转为NaN。

3 转换成string

3.1 String()

String()函数可以将任意类型的值转化成字符串，转换规则如下。

数值：转为相应的字符串。

字符串：转换后还是原来的值。

布尔值：true转为字符串"true"，false转为字符串"false"。

undefined：转为字符串"undefined"。

null：转为字符串"null"。

Symbol：报错。

对象：返回一个类型字符串（如果是数组，返回该数组的字符串形式）。

String({a: 1}) // "[object Object]"String([1, 2, 3]) // "1,2,3"

3.2 toString()

3.3 window.string()

4 自动转换

自动转换的规则是这样的：预期什么类型的值，就调用该类型的转换函数，它是以手动转换（即强制转换）为基础的。

遇到预期为布尔值的地方（比如if语句的条件部分），系统内部会自动调用Boolean函数进行转换。

遇到预期为字符串的地方，系统内部会自动调用String函数进行转换。

字符串的自动转换，主要发生在字符串的加法运算时。

当一个值为字符串，另一个值为非字符串，则后者转为字符串。

4.1自动转换为string

4.1.1内容与' '结合 

'5' + 5 // '55'

遇到预期为数值的地方，系统内部会自动调用Number函数进行转换。除了加法运算符（+）有可能把运算子转为字符串，其他运算符都会把运算子自动转成数值（包括一元运算符）。

'1' - 0 === 1

+ '1' === 1

+ '-1' === -1