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

2019-10-12

JS数据类型转换小计

数据类型

原始类型

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

对象

7.Object

显式类型转换

原始类型转换

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

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方法返回的是复合类型的值,则报错。

原始类型转换

undefined:转为false

null:转为false

0:转为false

NaN:转为false

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

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

隐式类型转换

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

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

原文链接:segmentfault.com

上一篇:网页默认缩放功能实现记录(viewport)
下一篇:深入理解 Eslint (手把手教你撸一个plugin)
相关教程
关注微信

扫码加入 JavaScript 社区

相关文章

首次访问,需要验证
微信扫码,关注即可
(仅需验证一次)

欢迎加入 JavaScript 社区

号内回复关键字:

回到顶部