序言：JavaScript中的取值类型非常的灵活，比如布尔值：当JavaScript期望使用一个布尔值的时候，我们可以提供任意类型值，JavaScript将根据需要自行转换类型，一些值（真值）转换为true，其他值（假值）转换为false。其他类型也一样，比如JavaScript期望使用一个字符串，它把给定的值转换为字符串，比如JavaScript期望使用一个数字，它把给定的值将转换成数字（若转换无意义就返回NaN），所以我们今天就来看一下发生在JavaScript里的类型转换。
1、7种数据类型
先来复习一下7种数据类型，这个闭着眼都要写出来~
简单类型（原始类型）：number、string、boolean、symbol、null、undefined
复杂类型（合成类型）：object
2、任意类型转换成字符串
2.1 String（全局函数）
// 语法String(x)
image
2.2 toString方法
// 语法x.toString()
image
注意：除了null和undefined以外的任何值都具有toString（）方法。但这两个值可以被string（）方法转换。还有下面这种方法。
2.3 ''+x
JavaScript中的某些运算符会做隐式的类型装换，很多老司机们就习惯于用运算符来进行类型转换，比如‘+’，两个操作数，一个是字符串的话，就会把另一个操作数转换成字符串。
x+ '' //等同于String(x)
image
{}+‘’ // 0// 关于为什么会这样我们之前提到过，对象用大括号表示，但是放在行首会出现歧义，浏览器读到后会有两种想法，一是认为它是一个表达式，是对象。二是认为它是一个语句。所以我们为了避免这种状况，表明它是对象时，在大括号外面加上圆括号。
所以，上图中，加了圆括号的正常识别，没有加圆括号就被浏览器解读成了语句，被忽略，所以上述代码就变成了
+‘’
+x等同于number（x）,转换成数值了。‘’转换成数值就是0. (我们下面会讲到）
3、任意类型转换成Boolean
3.1 boolean(x)
Boolean(x)
image
记住：5个falsy值，0（-0），NaN，undefined，null，‘’（“”）。
除了这5个值，其他的都是true。
3.1 !!x
!!x // 等同于Boolean(x) 注意是双叹号
image
4、任意类型转换成number
4.1 number（）
number（x）
image
在对象转换为数字的过程中，是这样的：
首先呼叫valueOf()，若对象具有这个方法，后者返回一个原始值（如果存在任意原始值就默认对象转换成表示她的原始值，对象是复合值，大多数也无法真正表达为一个原始值，所以我们默认valueOf简单的返回对象本身** ）则JavaScript将这个原始值转换为number
否则，若对象具有toString()方法，后者返回一个原始值，则JavaScript将其转换为number
否则，JavaScript抛出一个类型错误异常
所以空数组转换成数字0就可以理解了，数组使用valueOf（）方法，这个方法返回一个对象而不是原始值，因此，调换用toString()方法，空数组转换为空字符串，空字符串转换成number 0.
3.2 + x
+ x // 等同于number(x)
image
3.3 x-0
x-0 // 等同于number(x)
image
3.4 parseInt()
parseInt()函数是全局函数，不属于任何类的方法，用于解析整数。
如果字符串前缀是“0x”或“0X”，parseInt()就将其解释为十六进制数。
parseInt()会跳过任意数量的前导空格，尽可能解析更多的数值字符，忽略后面不能转换的。
若开头第一个字母就不能转换，即第一个非空格字符是非法的数字直接量，就返回NaN。
parseInt()可以接受第二个参数，用来指定数字转换的基数(2进制，8进制，16进制等），即（2~36之间，不在区间内，返回NaN）表示被解析值的进制，返回对应10进制。
image
作者：饥人谷_陈杨
链接：https://www.jianshu.com/p/5958a75c22bd