JavaScript 类型转换

JavaScript 类型转换是指将一种数据类型的值转换为另一种数据类型的值。JavaScript 支持的数据类型有：字符串（String）、数字（Number）、布尔值（Boolean）、对象（Object）、数组（Array）、函数（Function）、null 和 undefined。

JavaScript 类型转换可以分为两种：隐式类型转换和显式类型转换。

隐式类型转换是指在某些情况下，JavaScript 会自动将一种数据类型转换为另一种数据类型，而不需要显式地使用类型转换函数。例如，当一个字符串和一个数字进行比较时，JavaScript 会自动将字符串转换为数字，然后再进行比较。

显式类型转换是指使用 JavaScript 的内置函数，显式地将一种数据类型转换为另一种数据类型。例如，使用 Number() 函数可以将一个字符串转换为数字，使用 String() 函数可以将一个数字转换为字符串。

举例说明：

1. 将字符串转换为数字：

// 使用 Number() 函数
let num1 = Number("123"); // 123

// 使用 parseInt() 函数
let num2 = parseInt("123"); // 123

// 使用 parseFloat() 函数
let num3 = parseFloat("123.45"); // 123.45

2. 将数字转换为字符串：

// 使用 String() 函数
let str1 = String(123); // "123"

// 使用 toString() 方法
let str2 = (123).toString(); // "123"

3. 将布尔值转换为数字：

// 使用 Number() 函数
let num1 = Number(true); // 1

// 使用 + 操作符
let num2 = +true; // 1

4. 将数字转换为布尔值：

// 使用 Boolean() 函数
let bool1 = Boolean(1); // true

// 使用 !! 操作符
let bool2 = !!1; // true

5. 将字符串转换为布尔值：

// 使用 Boolean() 函数
let bool1 = Boolean("true"); // true

// 使用 !! 操作符
let bool2 = !!("true"); // true

6. 将布尔值转换为字符串：

// 使用 String() 函数
let str1 = String(true); // "true"

// 使用 toString() 方法
let str2 = (true).toString(); // "true"

7. 将 null 转换为数字：

// 使用 Number() 函数
let num1 = Number(null); // 0

// 使用 + 操作符
let num2 = +null; // 0

8. 将数字转换为 null：

// 使用 null 关键字
let n1 = null;

// 使用 Object() 函数
let n2 = Object(0); // null

9. 将 undefined 转换为数字：

// 使用 Number() 函数
let num1 = Number(undefined); // NaN

// 使用 + 操作符
let num2 = +undefined; // NaN

10. 将数字转换为 undefined：

// 使用 undefined 关键字
let u1 = undefined;

// 使用 void 操作符
let u2 = void 0; // undefined

JavaScript 类型转换的另一个重要概念是类型转换的优先级。当多个类型转换函数同时存在时，JavaScript 会根据类型转换的优先级来决定使用哪个函数。

例如，当一个字符串和一个数字进行比较时，JavaScript 会先将字符串转换为数字，然后再进行比较。这是因为数字的优先级比字符串的优先级高。

另外，JavaScript 也支持类型转换的链式调用，即可以将一个类型转换为另一个类型，然后再将另一个类型转换为另一个类型，以此类推。例如，可以将一个字符串转换为数字，然后再将数字转换为布尔值。

总之，JavaScript 类型转换是一个非常重要的概念，它可以帮助我们更好地理解 JavaScript 中的数据类型，以及如何在不同的数据类型之间进行转换。