JS数据类型转换规则 (一)

前端

2023-11-06 12:18:44

在JavaScript中，数据类型转换是一项基本操作，它决定了不同数据类型之间的交互方式。本系列文章的第一部分将深入探讨其他数据类型转换为Number类型时的转换规则。了解这些规则对于编写高效且可靠的JavaScript代码至关重要。

隐式转换

在JavaScript中，当表达式中涉及不同数据类型的操作数时，隐式转换会自动发生。对于其他数据类型转换为Number类型，有以下隐式转换规则：

数字运算： 如果表达式涉及任何数字运算（例如加法、减法、乘法或除法），则所有非数字操作数都将隐式转换为Number类型。
isNaN检测： 如果isNaN()函数用于检查操作数是否为非数字值（NaN），则非数字操作数将隐式转换为Number类型。
==比较： 当使用==运算符比较操作数时，如果一个操作数是非数字值，则该值将隐式转换为Number类型。

显示转换

除了隐式转换之外，还可以使用显示转换显式地将其他数据类型转换为Number类型。这可以通过Number()函数或一元加号运算符(+)实现：

Number()函数： 该函数显式地将任何数据类型转换为Number类型。
一元加号运算符： 该运算符可以将字符串或布尔值转换为Number类型。

转换规则

以下是其他数据类型转换为Number类型的转换规则摘要：

字符串： 如果字符串可以解析为有效的数字，它将转换为该数字。否则，它转换为NaN。
布尔值： true转换为1，false转换为0。
null： 转换为0。
undefined： 转换为NaN。
对象： 调用对象的valueOf()方法，该方法应该返回一个原始值，然后该原始值再根据上述规则进行转换。

实例

让我们通过一些示例来巩固这些转换规则：

console.log(1 + '2'); // 输出："3"（隐式转换字符串为数字）
console.log(isNaN('abc')); // 输出：true（隐式转换字符串为数字）
console.log(2 == '2'); // 输出：true（隐式转换字符串为数字）
console.log(Number('100')); // 输出：100（显示转换字符串为数字）
console.log(+'false'); // 输出：0（显示转换布尔值为数字）
console.log(null == 0); // 输出：true（隐式转换null为数字）
console.log(undefined == NaN); // 输出：true（隐式转换undefined为数字）