JS 数据类型的转换

JavaScript 是一种动态类型语言，变量没有类型限制，可以随时赋予任意值。

var x = y ? 1 : 'a'
复制代码

上面代码中，变量 x 到底是数值还是字符串，取决于另一个变量 y 的值。

y 为 true 时，x 是一个数值；y 为 false 时，x 是一个字符串。这意味着，x 的类型没法在编译阶段就知道，必须等到运行时才能知道。

转换为 Number 类型

使用 Number() 函数，可以将任意类型的值转化成数值。

下面分成两种情况讨论，一种是参数是原始类型的值，另一种是参数是对象。

原始类型值

原始类型值的转换规则:

// 数值：转换后还是原来的值
Number(324)  // 324

// 字符串：如果可以被解析为数值，则转换为相应的数值
Number('324')  // 324

// 字符串：如果不可以被解析为数值，返回 NaN
Number('324abc')  // NaN

// 空字符串转为0
Number('')  // 0

// 布尔值：true 转成 1，false 转成 0
Number(true)  // 1
Number(false)  // 0

// undefined：转成 NaN
Number(undefined)  // NaN

// null：转成0
Number(null)  // 0
复制代码

Number() 函数将字符串转为数值，要比 parseInt() 函数严格很多。基本上，只要有一个字符无法转成数值，整个字符串就会被转为 NaN。

parseInt('42 cats')  // 42
Number('42 cats')  // NaN
复制代码

上面代码中，parseInt() 逐个解析字符，而 Number() 函数整体转换字符串的类型。

另外，parseInt() 和 Number() 函数都会自动过滤一个字符串前导和后缀的空格。

parseInt('\t\v\r12.34\n')  // 12
Number('\t\v\r12.34\n')  // 12.34
复制代码

使用 parseInt() 函数 在使用时要注意：

// 将二进制的'1000'转为十进制的数值
parseInt('1000', 2)  // 8
复制代码

对象

Number() 方法的参数是对象时，将返回 NaN，除非是包含单个数值的数组。

Number({a: 1}) // NaN
Number([1, 2, 3]) // NaN
Number([5]) // 5
复制代码

之所以会这样，是因为 Number() 背后的转换规则比较复杂。

• 调用对象自身的 valueOf() 方法。如果返回原始类型的值，则直接对该值使用 Number() 函数，不再进行后续步骤。

• 如果 valueOf() 方法返回的还是对象，则改为调用对象自身的 toString() 方法。如果 toString() 方法返回原始类型的值，则对该值使用 Number() 函数，不再进行后续步骤。

• 如果 toString() 方法返回的是对象，就报错。

请看下面的例子：

var obj = {x: 1};
Number(obj) // NaN

// 等同于
if (typeof obj.valueOf() === 'object') {
  Number(obj.toString());
} else {
  Number(obj.valueOf());
}
复制代码

上面代码中，Number() 函数将 obj 对象转为数值。背后发生了一连串的操作，首先调用 obj.valueOf() 方法, 结果返回对象本身；于是，继续调用 obj.toString() 方法，这时返回字符串 [object Object] ，对这个字符串使用 Number() 函数，得到 NaN。

默认情况下，对象的 valueOf() 方法返回对象本身，所以一般总是会调用 toString() 方法，而 toString() 方法返回对象的类型字符串（比如 [object Object] ）。所以，会有下面的结果。

Number({}) // NaN
复制代码

如果 toString() 方法返回的不是原始类型的值，结果就会报错。

var obj = {
  valueOf: function () {
    return {}
  },
  toString: function () {
    return {}
  }
}

Number(obj)
// TypeError: Cannot convert object to primitive value
复制代码

上面代码的valueOf() 和 toString() 方法，返回的都是对象，所以转成数值时会报错。

转换为 String 类型

使用 String() 函数，可以将任意类型的值转化成字符串。

下面分成两种情况讨论，一种是参数是原始类型的值，另一种是参数是对象。

原始类型值

原始类型值的转换规则:

// 数值：转为相应的字符串
String(123)  // "123"

// 字符串：转换后还是原来的值
String('abc')  // "abc"

// 布尔值：true 转为字符串"true"，false转为字符串"false"
String(true)  // "true"

// undefined：转为字符串"undefined"
String(undefined)  // "undefined"

// null：转为字符串"null"
String(null)  // "null"
复制代码

对象

String() 方法的参数如果是对象，返回一个类型字符串；如果是数组，返回该数组的字符串形式。

String({a: 1}) // "[object Object]"
String([1, 2, 3]) // "1,2,3"
复制代码

String()方法背后的转换规则，与Number方法基本相同，只是互换了 valueOf() 方法和 toString() 方法的执行顺序。

• 先调用对象自身的 toString() 方法。如果返回原始类型的值，则对该值使用 String() 函数，不再进行以下步骤。

• 如果 toString() 方法返回的是对象，再调用原对象的 valueOf() 方法。如果 valueOf() 方法返回原始类型的值，则对该值使用 String() 函数，不再进行以下步骤。

• 如果 valueOf() 方法返回的是对象，就报错。

下面是一个例子:

String({a: 1})
// "[object Object]"

// 等同于
String({a: 1}.toString())
// "[object Object]"
复制代码

上面代码先调用对象的 toString() 方法，发现返回的是字符串 [object Object]，就不再调用 valueOf() 方法了。

转换为 Boolean 类型

使用 Boolean() 函数，可以将任意类型的值转化成布尔值。

它的转换规则相对简单：除了以下五个值的转换结果为 false，其他的值全部为 true。

• -0 或 +0
• NaN
• '' 和 ""（空字符串）
• null
• undefined

Boolean(0) // false
Boolean(NaN) // false
Boolean('') // false
Boolean(null) // false
Boolean(undefined) // false
复制代码

注意，所有对象（包括空对象）的转换结果都是 true，甚至连 false 对应的布尔对象 new Boolean(false) 也是 true。

Boolean({}) // true
Boolean([]) // true
Boolean(new Boolean(false)) // true
复制代码

转载于:https://juejin.im/post/5ca4cf5de51d450a8f42beea