JS Equality（JavaScript 相等性）|极客笔记

JS Equality（JavaScript 相等性）

在 JavaScript 中，相等性是一个常见而重要的概念。它涉及到我们如何判断两个值是否相等，以及在条件语句和其他类似场景中如何使用相等性运算符。在本文中，我们将详细讨论 JavaScript 中的相等性，并解释它的概念和运行机制。

1. JavaScript 中的相等性运算符

JavaScript 提供了多种相等性运算符，用于比较两个值并确定它们是否相等。这些运算符包括：

== 相等（宽松相等）运算符
=== 全等（严格相等）运算符
!= 不相等（宽松不相等）运算符
!== 不全等（严格不相等）运算符

这些运算符允许我们在条件语句、函数参数匹配以及其他比较操作中使用相等性比较。

2. 宽松相等与严格相等

在 JavaScript 中，==（宽松相等）和 ===（严格相等）是比较相等性最常用的运算符。它们之间的区别在于如下几个方面：

宽松相等进行比较时，会自动进行一些类型转换。例如，字符串和数字之间的宽松相等比较会尝试将字符串转换为数字，再进行比较。而严格相等运算符则不进行任何类型转换。
宽松相等运算符会在进行比较之前，先将操作数转换为相同的类型，再比较它们的值。但是在类型转换时，有些规则是比较特殊的。例如，布尔值和数字之间的宽松相等比较时，布尔值会被转换为数字进行比较。
严格相等运算符不会进行任何类型转换，而是要求两个操作数类型相同，且值相等。

下面是一些示例来说明宽松相等和严格相等运算符的行为：

console.log(5 == "5");    // true，宽松相等时进行类型转换，字符串 "5" 被转换为数字 5，因此相等
console.log(5 === "5");   // false，严格相等要求类型相同，因此不相等

console.log(true == 1);   // true，宽松相等时将布尔值转换为数字，true 被转换为 1，因此相等
console.log(true === 1);  // false，严格相等要求类型相同，因此不相等

3. `==` 运算符的类型转换规则

在使用 == 运算符进行比较时，JavaScript 会按照一定的规则进行类型转换，以便比较两个操作数的值。下面是一些 == 运算符的类型转换规则：

当比较的操作数类型相同时，直接比较它们的值。
如果一个操作数为 null，另一个操作数为 undefined，则它们相等。
当一个操作数为数字，另一个操作数为字符串时，会尝试将字符串转换为数字再进行比较。如果字符串不包含有效数字，则转换结果为 NaN，这时比较结果为 false。
当一个操作数为布尔值，另一个操作数为非布尔值时，会将布尔值转换为数字再进行比较。true 转换为 1，false 转换为 0。
如果一个操作数为对象，另一个操作数为原始类型值（字符串、数字等）时，会尝试将对象转换为原始类型值再进行比较。转换规则通常是先调用对象的 valueOf() 方法，如果返回的是原始类型值，则使用该值进行比较。如果 valueOf() 方法返回的是对象本身，再尝试调用 toString() 方法，最后使用返回的字符串进行比较。

下面是一些示例来说明 == 运算符的类型转换规则：

console.log(5 == "5");           // true，将字符串转换为数字再进行比较
console.log(null == undefined);   // true，null 和 undefined 相等
console.log(true == 1);          // true，将布尔值转换为数字再进行比较

console.log({} == "[object Object]");  // true，对象转换为字符串再进行比较
console.log({} == {});            // false，无法进行有效的对象转换，因此不相等

4. `===` 运算符的使用建议

在 JavaScript 中，由于宽松相等运算符存在类型转换的情况，使用 ===（严格相等）运算符往往更可靠。严格相等运算符要求比较的操作数类型相同，并且值也相等，避免了类型转换带来的问题。

在日常开发中，应优先使用 === 运算符进行相等性比较。只有在明确需要进行类型转换的情况下，才使用 == 运算符。这样可以避免一些意外的类型转换和比较错误。

5. 相等性的注意事项

在使用相等性运算符时，需要注意一些可能会产生意外结果的情况。下面是一些相等性注意事项：

5.1 NaN 的比较

NaN 是 JavaScript 中的一个特殊值，表示 Not-a-Number（不是数字）。它有一个特点是任何与 NaN 的比较都返回 false，包括与自身的比较。

例如：

console.log(NaN == NaN);   // false
console.log(NaN === NaN);  // false

判断一个值是否为 NaN，应使用 isNaN() 函数：

console.log(isNaN(NaN));        // true
console.log(isNaN("Hello"));   // true

5.2 对象的相等性比较

对象的相等性比较时，根据对象的引用进行比较，而不是比较对象的内容。即使两个对象的属性值相同，但如果它们引用的不是同一个对象，也会被认为是不相等的。

const obj1 = { name: "Alice" };
const obj2 = { name: "Alice" };

console.log(obj1 == obj2);   // false
console.log(obj1 === obj2);  // false

如果需要比较两个对象的内容是否相等，可以使用其他方法，例如 JSON.stringify() 函数将对象转换为字符串再进行比较。

5.3 数组的相等性比较

数组是对象的一种，因此数组的相等性比较同样需要注意。同样的内容，即使两个数组的元素相同，它们也被视为两个不同的对象，不相等。

const arr1 = [1, 2, 3];
const arr2 = [1, 2, 3];

console.log(arr1 == arr2);   // false
console.log(arr1 === arr2);  // false

同样的，如果需要比较两个数组的内容是否相等，可以使用其他方法，例如编写自定义的函数来进行比较。

5.4 null 和 undefined 的比较

在相等性比较中，null 和 undefined 之间被视为相等。这意味着，无论使用宽松相等运算符还是严格相等运算符，它们之间的比较结果都是 true。

console.log(null == undefined);   // true
console.log(null === undefined);  // false

但是需要注意，它们与其他类型的值的比较结果并不总是相等。

5.5 字符串和布尔值的比较

在 JavaScript 中，布尔值和字符串之间的相等性比较具有一些特殊的规则。布尔值会被转换为相应的数字进行比较。

console.log(true == "1");   // true，布尔值 true 被转换为数字 1，因此相等
console.log(false == "0");  // true，布尔值 false 被转换为数字 0，因此相等

同样，字符串中的数字会被转换为相应的数字进行比较。

console.log("10" == 10);   // true，字符串 "10" 被转换为数字 10，因此相等

5.6 特殊值的比较

在比较中，JavaScript 中的一些特殊值也需要特别注意。例如，负零和正零在比较时被认为是相等的。

console.log(-0 == 0);   // true
console.log(-0 === 0);  // true

5.7 Object.is() 函数的使用

如果需要进行更严格的相等性比较，并避免上述一些特殊情况的影响，可以使用 Object.is() 函数。它是 ES6 中引入的一个新函数，比较两个值是否为严格相等。

console.log(Object.is(5, "5"));   // false
console.log(Object.is(null, undefined));  // false
console.log(Object.is(true, 1));  // false

Object.is() 函数考虑了 NaN、-0 和 +0 等特殊值的情况，因此在进行相等性比较时更加准确。

6. 总结

在 JavaScript 中，相等性是一个重要的概念，涉及到我们如何比较两个值是否相等，以及在条件语句和其他类似场景中如何使用相等性运算符。

我们学习了宽松相等和严格相等运算符的区别，以及它们的使用建议。宽松相等运算符会进行类型转换，而严格相等运算符要求类型相同才能进行比较。

我们还注意到一些相等性比较的注意事项，例如 NaN 的比较、对象和数组的比较、null 和 undefined 的比较等。我们了解到 Object.is() 函数可以进行更严格的相等性比较。

在实际开发中，我们应该根据具体情况选择合适的相等性运算符，并避免因类型转换或特殊值带来的问题。

JS Equality（JavaScript 相等性）