一篇文章搞定JavaScript类型转换(面试常见)

这里给出一份完整攻略，帮助大家更好的理解和应用JavaScript中的类型转换。

什么是类型转换？

在JavaScript中，类型转换是将一个数据类型转换为另一个数据类型的操作。由于JavaScript是一种弱类型的动态语言，所以通常需要进行类型转换以使得程序正确运行。

类型转换的方法

显式类型转换

显式类型转换是通过一些JavaScript内置的方法将数据类型转换为指定的数据类型。在JavaScript中，我们通常可以使用以下几种内置方法来实现显式类型转换。

转换为字符串类型

可以使用以下两种方法将变量转换为字符串类型：

调用变量的 toString() 方法

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

使用 String() 函数

var num = 123;
var str = String(num); // "123"

转换为数字类型

可以使用以下两种方法将变量转换为数字类型：

调用变量的 Number() 方法

var str = "123";
var num = Number(str); // 123

使用 parseInt() 函数或者 parseFloat() 函数

var str = "123";
var num1 = parseInt(str); // 123
var num2 = parseFloat(str); // 123

转换为布尔类型

可以使用以下两种方法将变量转换为布尔类型：

调用变量的 Boolean() 方法

var num = 123;
var bool = Boolean(num); // true

使用 !! 双重否定运算符

var num = 123;
var bool = !!num; // true

隐式类型转换

隐式类型转换是指在JavaScript运行时自动完成的类型转换。在JavaScript中，例如将不同数据类型进行计算时，会自动进行隐式类型转换。

以下是一些常见的隐式类型转换：

字符串和数字的隐式类型转换

在下面的例子中，当字符串和数字进行加法等计算时，JavaScript会将字符串转换为数字：

var num = 123;
var str = "456";
var result = num + str; // "123456"

布尔类型的隐式类型转换

当将布尔类型和其他类型进行计算时，JavaScript会将布尔类型转换为数字：true 转换为 1，false 转换为 0。

var num = 123;
var bool = true;
var result = num + bool; // 124

示例

以下是两个示例，帮助大家更好的理解类型转换的应用。

示例一：变量转换为字符串类型

假设我们有以下两个变量：

var num = 123;
var bool = true;

将这两个变量转换为字符串类型，可以使用以下方法：

var str1 = num.toString();
var str2 = String(bool);

或者

var str1 = String(num);
var str2 = bool.toString();

示例二：隐式类型转换