JS中抽象相等(==)和严格相等(===)

93 阅读2分钟

1.抽象相等(==)

  • 如果两个操作数都是对象,则仅当两个操作数都引用同一个对象时才返回true

  • 如果一个操作数是null,另一个操作数是undefined,则返回true

  • 如果两个操作数是不同类型的,就会尝试在比较之前将它们转换为相同类型:

    • 当数字与字符串进行比较时,会尝试将字符串转换为数字值。

    • 如果操作数之一是Boolean,则将布尔操作数转换为 1 或 0。

      • 如果是true,则转换为1
      • 如果是 false,则转换为0
    • 如果操作数之一是对象,另一个是数字或字符串,会尝试使用对象的valueOf()toString()方法将对象转换为原始值。

  • 如果操作数具有相同的类型,则将它们进行如下比较:

    • Stringtrue仅当两个操作数具有相同顺序的相同字符时才返回。
    • Numbertrue仅当两个操作数具有相同的值时才返回。+0并被-0视为相同的值。如果任一操作数为NaN,则返回false
    • Booleantrue仅当操作数为两个true或两个false时才返回true

2.严格相等(===)

  • 如果操作数的类型不同,则返回 false

  • 如果两个操作数都是对象,只有当它们指向同一个对象时才返回 true

  • 如果两个操作数都为 null,或者两个操作数都为 undefined,返回 true

  • 如果两个操作数有任意一个为 NaN,返回 false

  • 否则,比较两个操作数的值:

    • 数字类型必须拥有相同的数值。+0-0 会被认为是相同的值。
    • 字符串类型必须拥有相同顺序的相同字符。
    • 布尔运算符必须同时为 true 或同时为 false

总结:严格相等运算符(===)与抽象相等运算符(==)最显著的区别是,如果操作数的类型不同,== 运算符会在比较之前尝试将它们转换为相同的类型(隐式转换)。

建议:除特殊情况外,其余情况一律建议搭建使用严格相等运算符(===

对照表:

image2022-9-27_18-33-2.png