在前端开发中，我们经常需要对数据类型进行转换。ES6 中提供了许多新的语法和方法，可以方便地进行基本数据类型的转换。本文将介绍 ES6 中的基本数据类型转换技巧，包括数字、字符串、布尔值和对象的转换。
数字转换
ES6 中提供了三个新的方法，可以将其他类型的数据转换为数字：
Number()：将任意类型的数据转换为数字。如果参数是字符串，会尝试将其转换为数字；如果参数是布尔值，true 转换为 1，false 转换为 0；如果参数是对象，会调用对象的valueOf()方法，如果返回值不是数字，则再调用对象的toString()方法，将返回值转换为数字。
Number("123"); // 123
Number(true); // 1
Number(false); // 0
Number({ valueOf: () => 123 }); // 123
Number({ toString: () => "123" }); // 123parseInt()：将字符串转换为整数。可以指定第二个参数，表示转换时使用的进制。
parseInt("123"); // 123
parseInt("0xff", 16); // 255parseFloat()：将字符串转换为浮点数。
parseFloat("3.14"); // 3.14字符串转换
ES6 中提供了两个新的方法，可以将其他类型的数据转换为字符串：
String()：将任意类型的数据转换为字符串。如果参数是对象，会调用对象的toString()方法。
String(123); // "123"
String({ toString: () => "hello" }); // "hello"template string：使用反引号（`）和 ${} 来拼接字符串和其他类型的数据。可以在 ${} 中使用表达式和函数调用。
const name = "Alice";
const age = 18;
const message = `My name is ${name}, and I'm ${age} years old.`;
console.log(message); // "My name is Alice, and I'm 18 years old."布尔值转换
ES6 中提供了一个新的方法，可以将其他类型的数据转换为布尔值：
Boolean()：将任意类型的数据转换为布尔值。以下值会被转换为 false：false、0、-0、null、undefined、NaN、""（空字符串）。其他值都会被转换为 true。
Boolean(""); // false
Boolean("hello"); // true对象转换
ES6 中提供了一个新的方法，可以将其他类型的数据转换为对象：
Object()：将任意类型的数据转换为对象。如果参数是 null 或 undefined，会抛出 TypeError 错误。如果参数已经是对象，直接返回原对象。如果参数是基本数据类型（数字、字符串、布尔值），会创建一个对应类型的包装对象。
Object(123); // Number {123}
Object("hello"); // String {"hello"}
Object(true); // Boolean {true}
Object({ name: "Alice" }); // {name: "Alice"}总结
ES6 中提供了许多新的语法和方法，可以方便地进行基本数据类型的转换。掌握这些技巧可以帮助我们更好地处理数据，提高开发效率。在实际开发中，我们需要根据具体情况选择合适的方法进行数据类型转换。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d314cfadd4f0e0ffb56805