相等(==)

相等==)运算符检查其两个操作数是否相等,返回一个布尔值结果。与严格相等运算符不同,它会尝试转换不同类型的操作数,并进行比较。

尝试一下

语法

js
x == y

描述

相等运算符(==!=)提供非严格相等语义。这可以大致总结如下:

  1. 如果操作数具有相同的类型,则按如下方式进行比较:
    • 对象(Object):仅当两个操作数引用同一个对象时返回 true
    • 字符串(String):仅当两个操作数具有相同的字符且顺序相同时返回 true
    • 数字(Number):如果两个操作数的值相同,则返回 true+0-0 被视为相同的值。如果任何一个操作数是 NaN,返回 false;所以,NaN 永远不等于 NaN
    • 布尔值(Boolean):仅当操作数都为 true 或都为 false 时返回 true
    • 大整型(BigInt):仅当两个操作数的值相同时返回 true
    • 符号(Symbol):仅当两个操作数引用相同的符号时返回 true
  2. 如果其中一个操作数为 nullundefined,另一个操作数也必须为 nullundefined 以返回 true。否则返回 false
  3. 如果其中一个操作数是对象,另一个是原始值,则将对象转换为原始值
  4. 在这一步,两个操作数都被转换为原始值(字符串、数字、布尔值、符号和大整型中的一个)。剩余的转换将分情况完成。
    • 如果是相同的类型,使用步骤 1 进行比较。
    • 如果其中一个操作数是符号而另一个不是,返回 false
    • 如果其中一个操作数是布尔值而另一个不是,则将布尔值转换为数字true 转换为 1,false 转换为 0。然后再次对两个操作数进行宽松比较。
    • 数字与字符串:将字符串转换为数字。转换失败将导致 NaN,这将保证相等比较为 false
    • 数字与大整型:按数值进行比较。如果数字的值为 ±∞ 或 NaN,返回 false
    • 字符串与大整型:使用与 BigInt() 构造函数相同的算法将字符串转换为大整型数。如果转换失败,返回 false

宽松相等是对称的A == B 对于 AB 的任何值总是具有与 B == A 相同的语义(应用转换的顺序除外)。

该运算符与严格相等===)运算符之间最显著的区别是,严格相等运算符不尝试类型转换。���反,严格相等运算符总是认为不同类型的操作数是不同的。严格相等运算符本质上只执行第 1 步,然后对所有其他情况返回 false

上面的算法有一个“故意违反”:如果其中一个操作数是 document.all,则它被视为 undefined。这意味着 document.all == nulltrue,但 document.all === undefined && document.all === nullfalse

示例

没有类型转换的比较

js
1 == 1; // true
"hello" == "hello"; // true

有类型转换的比较

js
"1" == 1; // true
1 == "1"; // true
0 == false; // true
0 == null; // false
0 == undefined; // false
0 == !!null; // true,看看逻辑非运算符
0 == !!undefined; // true,看看逻辑非运算符
null == undefined; // true

const number1 = new Number(3);
const number2 = new Number(3);
number1 == 3; // true
number1 == number2; // false

比较对象

js
const object1 = {
  key: "value",
};

const object2 = {
  key: "value",
};

console.log(object1 == object2); // false
console.log(object1 == object1); // true

比较字符串和 String 对象

请注意,使用 new String() 构造的字符串是对象。如果将其中之一与字符串字面量进行比较,则该 String 对象将被转换为字符串字面量并对其内容进行比较。但是,如果两个操作数都是 String 对象,则将它们作为对象进行比较,并且必须引用相同的对象才会相等:

js
const string1 = "hello";
const string2 = String("hello");
const string3 = new String("hello");
const string4 = new String("hello");

console.log(string1 == string2); // true
console.log(string1 == string3); // true
console.log(string2 == string3); // true
console.log(string3 == string4); // false
console.log(string4 == string4); // true

比较日期和字符串

js
const d = new Date("December 17, 1995 03:24:00");
const s = d.toString(); // 例如:“Sun Dec 17 1995 03:24:00 GMT+0800 (中国标准时间)”
console.log(d == s); // true

比较数组和字符串

js
const a = [1, 2, 3];
const b = "1,2,3";
a == b; // true,`a` 转换为字符串

const c = [true, 0.5, "hey"];
const d = c.toString(); // "true,0.5,hey"
c == d; // true

规范

Specification
ECMAScript Language Specification
# sec-equality-operators

浏览器兼容性

BCD tables only load in the browser

参见