轻松理解==，===和Object.is()的奥妙，不再被判等运算困扰

2022-12-05 13:33:02

JavaScript 中的判等运算

判等运算是我们 JavaScript 开发者工具箱中的一个关键工具，用于检查两个值是否相等。虽然这是一个看似简单的话题，但 JavaScript 中提供了多种判等运算符，每种运算符都有其独特的细微差别。在这篇博客中，我们将深入探讨 JavaScript 中的判等运算，了解它们的类型、用法以及何时选择最合适的运算符。

松散相等 (==)

== 运算符被称为 "松散相等" 运算符，因为它允许类型转换。在比较两个值之前，它会尝试将它们转换为相同的数据类型。如果转换后的值相等，则 == 运算符返回 true；否则，返回 false。

代码示例：

"1" == 1 // true

严格相等 (===)

=== 运算符是 "严格相等" 运算符，因为它在比较之前不会转换值。它要求比较的值具有相同的数据类型并具有相同的值。如果满足这些条件，则 === 运算符返回 true；否则，返回 false。

代码示例：

"1" === 1 // false

Object.is() 方法

Object.is() 方法是 ES6 中引入的相对较新的判等方法。它与 === 运算符非常相似，但有一个关键的区别：它可以正确处理 NaN（非数字）值。

代码示例：

Object.is(NaN, NaN) // true

何时选择哪个运算符？

在大多数情况下，建议使用 === 运算符。它提供严格相等检查，并且不太可能出现意外结果。

使用 == 的情况： 当您要检查值是否相等，而不考虑其类型时，可以使用 == 运算符。例如，您可以使用 == 来检查两个字符串是否包含相同的内容，即使它们不是完全相同的字符串对象。
使用 === 的情况： 在需要严格相等检查的情况下，应使用 === 运算符。这对于确保值在类型和值上都相同非常重要。例如，当您比较整数和浮点数或对象引用时，使用 === 是至关重要的。
使用 Object.is() 的情况： 当您需要正确处理 NaN 值时，应使用 Object.is() 方法。这在涉及数学计算或处理可能返回 NaN 的函数时很有用。

常见问题解答

为什么在比较两个字符串时 === 运算符会返回 false，即使它们包含相同的内容？
- 这是因为 === 运算符比较的是两个字符串对象的引用，而不是它们包含的内容。为了比较内容，可以使用 == 运算符或 String.prototype.localeCompare() 方法。
在 JavaScript 中，0 等于 -0 吗？
- 根据 === 运算符，0 不等于 -0。这是因为 -0 是一个负零值，而 0 是一个正零值。但是，根据 == 运算符，0 等于 -0，因为它们在类型转换后相等。
NaN 与 NaN 相等吗？
- 根据 === 运算符，NaN 不等于 NaN。这是因为 NaN 是一个特殊的非数字值，它不等于任何其他值，包括它本身。但是，根据 Object.is() 方法，NaN 与 NaN 相等。
为什么应该避免使用 == 运算符？
- == 运算符可能会导致意外的结果，因为它允许类型转换。这可能会导致错误和难以调试的代码。因此，建议在大多数情况下使用 === 运算符。
Object.is() 方法有哪些优点？
- Object.is() 方法正确处理 NaN 值，这是其他判等运算符所没有的。此外，它可以用于比较对象，即使它们不是同一类型的实例。