JavaScript 数据类型的转换详解

JavaScript是一种动态类型语言，在变量赋值或操作时，通常会自动进行类型转换。因此了解JavaScript中数据类型的转换是非常重要的，本文将为你详细讲解。

1. 什么是数据类型转换？

简单来说，数据类型转换就是将一个数据类型的值转换为另一个数据类型的值。

在JavaScript中，数据类型转换有两种类型：隐式转换和显式转换。

• 隐式转换：由JavaScript自动完成，通常在不同数据类型之间进行运算时发生。
• 显式转换：由程序员手动完成。

2. 隐式转换

2.1 字符串转换为数字

字符串可以转换为数字，可以使用parseInt()和parseFloat()函数。

var str = "123";
var num = parseInt(str);
console.log(num); // 123

在该例子中，使用了parseInt()将字符串"123"转换为数字123。

2.2 数字转换为字符串

数字可以转换为字符串，可以使用toString()函数或者在字符串中使用加号（+）。

var num = 123;
var str = num.toString();
console.log(str); // "123"

var str2 = num + "";
console.log(str2); // "123"

在该例子中，使用了toString()将数字123转换为字符串"123"，或者使用加号（+）将数字转换为字符串。

2.3 布尔值转换为数字

布尔值可以转换为数字，将true转换为1，将false转换为0。

var bool = true;
var num = bool * 1;
console.log(num); // 1

在该例子中，将true转换为数字1，将false转换为数字0。

2.4 字符串转换为布尔值

字符串可以转换为布尔值，空字符串转换为false，非空字符串转换为true。

var str = "";
var bool = !!str;
console.log(bool); // false

var str2 = "hello";
var bool2 = !!str2;
console.log(bool2); // true

在该例子中，将空字符串转换为false，非空字符串转换为true。

3. 显式转换

3.1 转换为字符串

可以使用toString()函数，将数字转换为字符串。

var num = 123;
var str = num.toString();
console.log(str); // "123"

在该例子中，将数字123转换为字符串"123"。

3.2 转换为数字

可以使用parseInt()函数将字符串转换为数字。

var str = "123";
var num = parseInt(str);
console.log(num); // 123

在该例子中，将字符串"123"转换为数字123。

示例1

var num1 = 10;
var num2 = "20";
var sum = num1 + num2;
console.log(sum); // "1020"

在该例子中，由于num1和num2的数据类型不同，JavaScript会进行隐式转换。由于加号（+）在JavaScript中既可以作为数字相加运算，也可以作为字符串连接符，因此num1和num2先被转换为字符串然后连接到一起，结果为"1020"。

示例2

var str = "hello";
var num = parseInt(str);
console.log(num); // NaN

在该例子中，将字符串"hello"转换为数字时会失败，parseInt()函数将返回NaN（不是一个数字）。