Javascript 中的数据类型与转换

前端

2023-09-22 18:33:34

JavaScript 基本数据类型

JavaScript 中共有 8 种内置类型，包括：

Number ：数字，包括整数和小数。
String ：字符串，由一个或多个字符组成。
Boolean ：布尔值，只有 true 和 false 两个值。
Null ：表示空值。
Undefined ：表示未定义的值。
Symbol ：表示唯一标识符。
Object ：对象，包含一组键值对。
Function ：函数，是一组可被执行的语句。

JavaScript 中的类型转换

在 JavaScript 中，类型转换可以分为隐式类型转换和强制类型转换。

1. 隐式类型转换

隐式类型转换是指 JavaScript 引擎自动将一种数据类型转换为另一种数据类型。它通常发生在以下情况：

算术运算：当两个不同类型的数据进行算术运算时，JavaScript 引擎会自动将其中一种数据类型转换为另一种数据类型，以便进行运算。例如，当一个数字与一个字符串相加时，JavaScript 引擎会自动将字符串转换为数字，然后进行加法运算。
赋值运算：当将一种数据类型的值赋给另一种数据类型的变量时，JavaScript 引擎会自动将值转换为与变量类型一致的数据类型。例如，当将一个数字赋给一个字符串变量时，JavaScript 引擎会自动将数字转换为字符串。
函数调用：当调用一个函数时，JavaScript 引擎会自动将函数参数转换为与函数参数类型一致的数据类型。例如，当将一个数字作为参数传递给一个需要字符串参数的函数时，JavaScript 引擎会自动将数字转换为字符串。

2. 强制类型转换

强制类型转换是指使用 JavaScript 提供的类型转换函数将一种数据类型显式地转换为另一种数据类型。JavaScript 提供了以下类型转换函数：

Number() ：将值转换为数字。
String() ：将值转换为字符串。
Boolean() ：将值转换为布尔值。
parseInt() ：将字符串转换为整数。
parseFloat() ：将字符串转换为浮点数。

强制类型转换通常用于以下情况：

需要将一种数据类型转换为另一种数据类型以进行比较。
需要将一种数据类型转换为另一种数据类型以便存储在数据库中。
需要将一种数据类型转换为另一种数据类型以便在网络上传输。

JavaScript 中的类型转换规则

JavaScript 中的类型转换规则如下：

数字与字符串 ：如果数字与字符串相加，JavaScript 引擎会自动将字符串转换为数字，然后进行加法运算。如果数字与字符串相乘，JavaScript 引擎会自动将字符串转换为数字，然后进行乘法运算。
字符串与布尔值 ：如果字符串与布尔值相加，JavaScript 引擎会自动将字符串转换为布尔值，然后进行加法运算。如果字符串与布尔值相乘，JavaScript 引擎会自动将字符串转换为布尔值，然后进行乘法运算。
布尔值与数字 ：如果布尔值与数字相加，JavaScript 引擎会自动将布尔值转换为数字，然后进行加法运算。如果布尔值与数字相乘，JavaScript 引擎会自动将布尔值转换为数字，然后进行乘法运算。

JavaScript 中的类型转换示例

以下是一些 JavaScript 中的类型转换示例：

// 隐式类型转换
var a = 1;
var b = "2";
var c = a + b; // c 的值为 "12"，因为 JavaScript 引擎自动将字符串 "2" 转换为数字 2。

// 强制类型转换
var d = parseInt("3.14"); // d 的值为 3，因为 parseInt() 函数将字符串 "3.14" 转换为整数 3。
var e = parseFloat("42"); // e 的值为 42，因为 parseFloat() 函数将字符串 "42" 转换为浮点数 42。