JS数据类型以及数据类型转换

JS数据类型转换小计

数据类型

• 最新的ECMAScript标准定义了7种数据类型

原始类型

1. Boolean
2. Null
3. Undefined
4. Number
5. String
6. Symbol

对象

7.Object

显式类型转换

• Number函数

原始类型转换

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

console.log(Number(123)) //123

字符串：如果可以被解析为数值，则转换为相应的数值，否则得到NaN.空字符串转为0

console.log(Number('123')) //123

console.log(Number('123abc')) //NaN

console.log(Number('')) //0

布尔值：true转换为1，false转换为0

console.log(Number(true)) //1

console.log(Number(false)) //0

undefined：转换为NaN

console.log(Number(undefined)) //NaN

null：转换为0

console.log(Number(null)) //0

对象类型转换

1. 先调用对象自身的valueOf方法，如果该方法返回原始类型的值（数值，字符串和布尔），则直接对该值使用Number方法，不再进行后续步骤。
2. 如果valueOf方法返回复合类型的值，再调用对象自身的toString方法，如果toString方法返回原始类型的值，则对该值使用Number方法，不再进行后续步骤。
3. 如果toString方法返回的是复合类型的值，则报错。

   console.log(Number({a:1})) //NaN

   原理流程：

   a.valueOf() //{a:1}

   a.toString() //"[object Object\]"

   Number("[object Object]") //NaN

• String函数

  原始类型转换

  数值：转为相应的字符串

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

  布尔值：true转为'true'，false转为'false'

  undefinde：转为'undefined'

  null：转为'null'

对象类型转换

1. 先调用toString方法，如果toString方法返回的是原始类型的数值，则对该值使用string方法，不再进行以下步骤。
2. 如果toString方法返回的是复合类型的值，再调用valueOf方法，如果valueOf方法返回的是原始类型的值，则对该值使用String方法，不再进行以下步骤。
3. 如果valueOf方法返回的是复合类型的值，则报错。

• Boolean函数

原始类型转换

undefined：转为false

null：转为false

0：转为false

NaN：转为false

''(空字符串)：转为false

以上统统都转为false,其它转为true

隐式类型转换

在js中，当运算符在运算时，如果两边数据不统一，CPU就无法计算，这时我们编译器会自动将运算符两边的数据做一个数据类型转换，转成一样的数据类型再计算.这种无需程序员手动转换，而由编译器自动转换的方式就称为隐式转换

• typeof

typeof underfined = 'ndefined'

typeof null = 'object'

typeof Boolean = 'function'

typeof Number = 'function'

• 常见小坑

此类问题中：+ 分为两种情况

字符串连接符：+ 号两边有一边是字符串，会把其它数据类型调用String()方法转换成字符串然后拼接。

算术运算符：+ 号两边都是数字，会把其它数据调用Number()方法转换成数字然后做加法运算

console.log(1 + true); //算书运算符：1 + Number(true) = 1 + 1 = 2

console.log(1 + 'true'); //字符串连接符：String(1) + 'true' = '1' + 'true' = '1true'

console.log(1 + undefined)//算书运算符：1 + Number(undefined) = 1 + 0 = 1

console.log(1 + null)//算书运算符：1 + Number(null) = 1 + 0 = 1

• 大坑&%……&￥&%……（&））已吐。。。。。