JavaScript -- 多种类型转换方法总结

类型转换

类型转换指将一种数据类型转换为其他类型

类型转换是根据当前值去创建另一个值，而不是将当前值直接进行转换

这里说到的转换都是显示类型转换，除此之外还有隐式类型转换

1 转换为字符串

1. 调用toString()将其他类型转换为字符串

   由于null和undefined中没有toString()方法，所以对这两个函数调用toString()的时候会报错

   

2. 调用String()函数

   • 对于拥有toString()的值调用String()函数时，实际上就是在调用toString()方法
   • 对于null，则直接转换为"null"
   • 对于undefined，则直接转换为"undefined"

   

3. 隐式类型转换
   当任意一个值和字符串做加法运算时，它会先将其他值转换为字符串，然后再做拼串的操作可以利用这一特点来完成类型转换可以通过为任意类型 + 一个空串的形式来将其转换为字符串其原理和String()函数相同，但使用起来更加简洁

let a = true
let b = String(a)
let c = a + ''
1
2
3

2 转换为数值

使用Number()函数将其他数值转换为数值

转换情况：

• 字符串：
  • 如果字符串是一个合法的数字，则会自动转换为对应的数字
  • 如果字符串不是合法数字，则测转换为NaN
  • 如果字符串是空串或纯空格的字符串，则转换为0
• 布尔值：
  • true转换为 1，false转换为 0
• null 转换为 0
• undefined 转换为 NaN

专门用来将字符串转换为数值的两个方法

这两个函数接受的参数都是string，如果传入的参数不是字符串的话，会自动转换为string

• parseInt()：将一个字符串转换为一个整数
  • 解析时候，会自左向右读取一个字符串，直到读取到字符串中所有的有效的整数
  • 也可以使用parseInt()来对一个数字进行取整
• parseFloat()：将一个字符串转换为一个浮点数
  • 解析时候，会自左向右读取一个字符串，直到读取到字符串中所有的有效的小数

let a = "123px"
console.log(typeof a, a) // string 123px

let b = parseInt(a)
console.log(typeof b, b) // number 123

let c = parseInt("a123")
console.log(typeof c, c) // number NaN

let d = parseInt(123.456)
console.log(typeof d, d) // number 123
1
2
3
4
5
6
7
8
9
10
11

隐式类型转换：

• 正号
  • 不会改变数值的符号
• 负号
  • 可以对数值进行符号位取反
• 当我们对非数值类型进行正负运算时，会先将其转换为数值然后再运算

3 转换为布尔值

使用Boolean()函数将其他类型转换为布尔值

记false的情况就好了，false的情况比较少，其余的情况都是true

• 转换的情况：

  • 数字：

    • 0 和 NaN 转换为false
    • 其余是true

  • 字符串：

    • 空串 转换为 false
    • 其余是true

  • null和undefined 都转换为 false

  • 对象：对象会转换为true

• 所有表示空性的没有的错误的值都会转换为false：

  • 0、NaN、空串、null、undefined、false

Boolean(1) // true
Boolean(-1) // true
Boolean(0) // false
Boolean(NaN) // false
Boolean(Infinity)) // true

Boolean('abc') // true
Boolean('true') // true
Boolean('false') // true
Boolean('') // false
Boolean(" ") // true
Boolean(null) // false
Boolean(undefined) // false
1
2
3
4
5
6
7
8
9
10
11
12
13

隐式类型转换：
如果对一个非布尔值进行取反，它会先将其转换为布尔值然后再取反，可以利用这个特点将其他类型转换为布尔值（可以使用!!m代替Boolean(m)）

4 总结

隐式转换在运算符讲解

• 转换为字符串
  • 显式转换：String(a)
  • 隐式转换： a + ""
• 转换为数值
  • 显式转换：Number(a)
  • 隐式转换：+a
• 转换为布尔值
  • 显式转换:Boolean(a)
  • 隐式转换：!!a