JavaScript 中的类型转换机制

554 阅读2分钟

JS中有七种简单数据类型:undefined、null、boolean、string、number、symbol,bigInt以及引用类型:object

常见的类型转换有:

  • 强制转换(显示转换)
  • 自动转换(隐式转换)

显示转换

  • Number() --将任意类型的值转化为数值,只要有一个字符无法转成数值,整个字符串就会被转为NaN
  • parseInt()--parseInt相比Number,就没那么严格了,parseInt函数逐个解析字符,遇到不能转换的字符就停下来
  • String()--将任意类型的值转化成字符串,
  • Boolean()--任意类型的值转为布尔值

隐式转换

可以归纳为两种情况发生隐式转换的场景:

  • 比较运算(==、!=、>、<)、if、while需要布尔值地方
  • 算术运算(+、-、*、/、%)

除了上面的场景,还要求运算符两边的操作数不是同一类型

自动转换为布尔值

在需要布尔值的地方,就会将非布尔值的参数自动转为布尔值,系统内部会调用Boolean函数

可以得出个小结:

  • undefined
  • null
  • false
  • +0
  • -0
  • NaN
  • ""

除了上面几种会被转化成false,其他都换被转化成true

自动转换成字符串

遇到预期为字符串的地方,就会将非字符串的值自动转为字符串

具体规则是:先将复合类型的值转为原始类型的值,再将原始类型的值转为字符串

常发生在+运算中,一旦存在字符串,则会进行字符串拼接操作'5' + 1 // '51'

'5' + true // "5true"

'5' + false // "5false"

'5' + {} // "5[object Object]"

'5' + [] // "5"

'5' + function (){} // "5function (){}"

'5' + undefined // "5undefined"

'5' + null // "5null"

自动转换成数值

除了+有可能把运算子转为字符串,其他运算符都会把运算子自动转成数值

'5' - '2' // 3

'5' * '2' // 10

true - 1 // 0

false - 1 // -1

'1' - 1 // 0

'5' * [] // 0

false / '5' // 0

'abc' - 1 // NaN

null + 1 // 1

undefined + 1 // NaN

null转为数值时,值为0 。undefined转为数值时,值为NaN