在前端开发中，类型转换是一个非常重要的概念。在 JavaScript 中，类型转换可以帮助开发者更好地处理数据，减少代码出错的可能性。ES6 中新增了一些类型转换的方法，本文将详细介绍这些方法的使用和指导意义。
基本类型转换
字符串转数字
在 ES6 中，可以使用 Number.parseInt() 和 Number.parseFloat() 方法将字符串转换为数字。这两个方法和全局的 parseInt() 和 parseFloat() 方法一样，只不过它们是 Number 对象的静态方法。
const str1 = '123'; const str2 = '3.14'; const num1 = Number.parseInt(str1); // 123 const num2 = Number.parseFloat(str2); // 3.14
数字转字符串
在 ES6 中，可以使用 Number.toString() 和 String() 方法将数字转换为字符串。
const num = 123; const str1 = num.toString(); // '123' const str2 = String(num); // '123'
布尔值转换
在 ES6 中，可以使用 Boolean() 方法将其他类型的值转换为布尔值。具体转换规则如下：
- 数字：0 转换为 false，其他数字转换为 true。
- 字符串：空字符串转换为 false，其他字符串转换为 true。
- null 和 undefined：转换为 false。
- 对象：所有对象转换为 true。
const num = 0;
const str = '';
const obj = {};
const bool1 = Boolean(num); // false
const bool2 = Boolean(str); // false
const bool3 = Boolean(obj); // true对象类型转换
对象转换为原始类型
在 ES6 中，可以使用 Symbol.toPrimitive 方法将对象转换为原始类型。具体转换规则如下：
- 如果对象实现了
Symbol.toPrimitive方法，则调用该方法。 - 否则，如果对象为 Date 类型，则调用
Date.prototype.toISOString()方法。 - 否则，如果对象为数字类型，则调用
Number.prototype.valueOf()方法。 - 否则，如果对象为字符串类型，则调用
String.prototype.valueOf()方法。 - 否则，返回对象本身。
// javascriptcn.com 代码示例
const obj = {
[Symbol.toPrimitive](hint) {
if (hint === 'number') {
return 123;
} else {
return 'hello';
}
}
};
const num = Number(obj); // 123
const str = String(obj); // 'hello'对象转换为布尔值
在 ES6 中，可以使用 Symbol.toPrimitive 方法和 !! 运算符将对象转换为布尔值。具体转换规则如下：
- 如果对象实现了
Symbol.toPrimitive方法，则调用该方法。 - 否则，如果对象为 Date 类型，则调用
Date.prototype.valueOf()方法。 - 否则，如果对象为数字类型，则调用
Number.prototype.valueOf()方法。 - 否则，如果对象为字符串类型，则调用
String.prototype.valueOf()方法。 - 否则，返回对象本身。
// javascriptcn.com 代码示例
const obj = {
[Symbol.toPrimitive](hint) {
if (hint === 'number') {
return 123;
} else {
return 'hello';
}
}
};
const bool1 = !!obj; // true
const bool2 = Boolean(obj); // true总结
在 ES6 中，类型转换的方法使得开发者可以更好地处理数据，减少代码出错的可能性。本文介绍了 ES6 中的基本类型转换和对象类型转换方法，并给出了相应的示例代码。开发者可以根据自己的实际情况选择合适的方法进行类型转换，从而让代码更加精细。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65881607eb4cecbf2dd435e4