javascript ==与!=的比较规则（加踩坑）

怼烎@ 2022-12-21 02:25 127阅读 0赞

> **概述：** 使用 `==` 进行比较，当两个比较元类型不同时，会事先进行类型转换。(这也是其与 `===` 的本质区别)  
> **转换规则：**
> 
> 1.  当只有一方是 `boolean` 时，先将 `boolean` 转 `number`。(`true: 1`, `false: 0`)
> 2.  当一方 `number` 一方 `string` 时，`string` 转 `number`。(`Number(string)`, 结果可能是 `NaN`)
> 3.  当只有一方是 `object` 时，`object` 调用 `valueOf()` 获取其原始值  
>     （1）若 `valueOf()` 方法返回值的类型不是对象（`null` 除外），则使用该返回值继续进行 1. 2. 的判断  
>     （2）否则，`object` 调用 `toString()` 获取其返回值  
>     （2-1）若`toString()` 方法返回值的类型不是对象，则使用该返回值继续进行 1. 2. 的判断  
>     （2-2）否则，直接返回 false  
>     这一部分看不懂的话，可以看看后边的第一点的示例
> 
> **比较规则：**
> 
> 1.  `undefined == null` 为 true
> 2.  **在与 `undefined` 和 `null` 比较前，另外一个元不会进行类型转换**
> 3.  两个 `object` 比较时，只有两个对象相同（也就是其值是同一个指针或者说对同一个对象的引用），`==` 才会返回 true。例如：`{} == {}` 返回 false。
> 4.  `NaN` 不与任何值相等，包括它自己（`NaN == NaN` 返回 false）

##### 一、转换规则3的举例说明 #####

##### 二、分析 `[] == []` 返回 false，`[] == ![]` 返回 true #####

1.  `[] == []` 返回 false
    
        let l1 = [];
        let l2 = [];
        // 因为 l1, l2 实际上是两个不同的对象(指针)，根据比较规则 3 ，返回 false
2.  `[] == ![]` 返回 true
    
        let l1 = [];
        let l2 = [];
        
        /* 比较步骤 1. l1 == !l2 ? !l2 => ![] => false (! 优先级比 == 高) 2. l1 == false ? false => 0 (转换规则1，一方boolean，boolean转number) 3. l1 == 0 ? l1 => l1.valueOf() => [] => (非null对象，不行) => l1.toString() => "" (转换规则3，一方为对象时...) 4. "" == 0 ? "" => 0 (转换规则2，一方number一方string，string转number) 5. 0 == 0 ，返回true */

##### 二、分析 `{} == {}`、 `{} == !{}` 均返回 false #####

1.  `{} == {}` 返回 false
    
        let o1 = { };
        let o2 = { };
        // 因为 o1, o2 实际上是两个不同的对象(指针)，根据比较规则 3 ，返回 false
2.  `{} == !{}` 返回 false
    
        let o1 = { };
        let o2 = { };
        
        /* 比较步骤 1. o1 == !o2 ? !o2 => !{} => false (! 优先级比 == 高) 2. o1 == false ? false => 0 (转换规则1，一方boolean，boolean转number) 3. o1 == 0 ? o1 => o1.valueOf() => {} => ({}是对象，不行) => o1.toString() => '[object object]' (转换规则3，一方为对象时...) 4. '[object object]' == 0 ? '[object object]' => NaN (转换规则2，一方number一方string，string转number) 5. NaN == 0 返回 false (比较规则4，NaN不与任何值相等) */

> [`==`, `===`, 与`Object.is()`的区别][_ _Object.is]

[_ _Object.is]: https://blog.csdn.net/SJ1551/article/details/109625950