严格相等宽松相等【JavaScript基础面试题】

╰半橙微兮° 2024-03-22 13:10 40阅读 0赞

## 宽松相等（ == ） ##

对于  ==  来说，如果两个值的**类型一样**，则直接比较。如果类型不一样，则**先进行类型转换**，再比较。

### 类型相同 ###

如果操作数的类型相同，== 会按照如下规则进行比较：

*  数字：比较数字值是否相等。
 *  字符串：比较字符串的每个字符是否相等（按顺序）。
 *  布尔值：比较布尔值是否相等（true 或 false）。
 *  对象（包括数组和函数）：比较它们是否引用相同的对象。需要注意的是，使两个对象具有相同的属性和值，它们也被认为是不相等的，因为它们在**内存中的地址不一样**。
 *  如果操作数的类型不同，== 会尝试进行类型转换，然后进行比较。那么如何进行类型转化呢？
    
     *  如果一个操作数是数字，另一个是字符串，== 会尝试将字符串转换为数字，然后进行比较。
        
            console.log(42 == "42"); // true，因为字符串 "42" 被转换为数字 42 进行比较
     *  如果一个操作数是布尔值，==会将布尔值转换为数字（true 转换为 1，false 转换为 0），然后进行比较。
        
            console.log(true == 1);  // true，因为布尔值 true 被转换为数字 1 进行比较
            console.log(false == 0); // true，因为布尔值 false 被转换为数字 0 进行比较
     *  如果一个操作数是对象（这里的对象指的是非函数），另一个是数字或字符串，== 会将对象转换为原始值（通过调用对象的toString()或valueOf()方法），然后进行比较。
        
            let obj = {
              valueOf: function() {
                return 42;
              }
            };
            
            console.log(obj == 42);   // true，因为对象 obj 的 valueOf 方法返回 42，然后进行比较
            console.log(obj == "42"); // true，因为对象 obj 的 valueOf 方法返回 42，然后与字符串 "42" 转换为数字 42 进行比较
     *  null 和 undefined 之间的比较认为是相等的。
        
            console.log(null == undefined); // true，因为 null 和 undefined 被认为是宽松相等的

## 严格相等（ === ） ##

=== 要求操作数具有**相同的类型和值**。这意味着它不会进行类型转换。可以通过以下例子体会一下两者的区别：

console.log(1 == "1");   // true, 因为数字1会被转换为字符串"1"，然后进行比较
    console.log(1 === "1");  // false, 因为它们的类型不同（一个是数字，一个是字符串）
    
    console.log(true == 1);   // true, 因为布尔值true会被转换为数字1，然后进行比较
    console.log(true === 1);  // false, 因为它们的类型不同（一个是布尔值，一个是数字）
    
    console.log(null == undefined); // true, 因为null和undefined被认为是宽松相等的
    console.log(null === undefined); // false, 因为它们的类型不同