JS（四）数据类型转换

序言：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