[JavaScript]JavaScript中的数据类型转换

在上一篇博文中，总结JavaScript中的数据类型以及他们之间的区别、注意事项，今天写下这篇博文，顺着数据类型，来讲讲他们之间的转换。

首先回顾一下七种数据类型：

基本类型
- Number
- String
- Symbol
- Boolean
- null
- undefined
复杂类型
- Object

题外话：

因为所学不深，所以文中所涉及的关于symbol都会跳过，想了解symbol的朋友可以到MDN或者直接Google。
数据类型转换一般都是在基本类型之间完成，对于基本类型和复杂类型之间的转换是很难做到的。

Number

String转Number


// 使用Number()
Number('1')     //1

// 使用parseInt()
parseInt('1')   //1

// 使用parseFloat()
parseFloat('1.23')  //1.23

// 使用 'x' - 0
'3' - 0     //3

// 使用 + 'x'
+ '3'   //3

注意事项

当使用parseInt()的时候，需要添加第二个参数，表示转换的进制:

// 不添加进制
prseInt('011')	//11
// 转换为八进制
paseInt('011',8)	//9

还需要注意:

// 一旦这个字符串是以数字字符开头，中间参杂着非数字字符，则会转换最前面的数字字符
parseInt('111s')	//111
parseInt('1112ss1111')  //1112

Boolean转Number

// 使用Number()
Number(false)   //0
Number(true)   //1

null转Number

// 使用Number()
Number(null)   //0

undefined转Number

// 使用Number()
Number(undefined)   //NaN

String

Number转String

// 使用toString()
var a = 11
a.toString()    //'11'

// 使用 x + ''
11 + ''     //'11'

Boolean转String

// 使用toString()
var a = true
a.toString()    //'true'

// 使用 x + ''
true + ''     //'true'

null转String

// 使用toString()
// 结果报错

// 使用 x + ''
null + ''     //'null'

undefined转String

// 使用toString()
// 结果报错

// 使用 x + ''
undefined + ''     //'undefined'

Boolean

Number转 Boolean

// 使用Boolean()
Boolean(1)    //true

// 使用 !!x
!!1   //true

String转 Boolean

// 使用Boolean()
Boolean('a')    //true

// 使用 !!x
!!'a'   //true

null转 Boolean

// 使用Boolean()
Boolean(null)    //false

// 使用 !!x
!!null   //false

undefined转 Boolean

// 使用Boolean()
Boolean(undefined)    //false

// 使用 !!x
!!undefined   //false

Object转 Boolean

// 使用Boolean()
Boolean({name:'a'})    //true

// 使用 !!x
!!{name:'a'}   //true

注意事项

falsy

在JavaScript中，除了false本身之外，有五个特殊的值，这五个值转换成Boolean一定是false,除此之外都是true

五个falsy值：
- 0
- undefined
- null
- ''
- NaN

除此之外，其他的数据类型转化成null或者undefined，都是直接赋值null或者undefined就可以了。