相等的用法

众所周知，==用来判断是否相当（官方解释：等于运算符（==）检查其两个操作数是否相等，并返回Boolean结果。）。经常会配合if、三目表达式使用。例如：

//简单例子回顾
const name = 'YaoShen';
const age = 12;
if (name == age) {
    console.log('name与age相等');
} else {
    console.log('name与age不相等');
}

相等的原理

官方给的解释大体如下：

如果两个操作数都是对象，则仅当两个操作数都引用同一个对象时才返回true。
如果一个操作数是null，另一个操作数是undefined，则返回true。
如果两个操作数是不同类型的，就会尝试在比较之前将它们转换为相同类型：
- 当数字与字符串进行比较时，会尝试将字符串转换为数字值。
- 如果操作数之一是Boolean，则将布尔操作数转换为 1 或 0。
  - 如果是true，则转换为1。
  - 如果是 false，则转换为0。
- 如果操作数之一是对象，另一个是数字或字符串，会尝试使用对象的valueOf()和toString()方法将对象转换为原始值。
如果操作数具有相同的类型，则将它们进行如下比较：
- String：true仅当两个操作数具有相同顺序的相同字符时才返回。
- Number：true仅当两个操作数具有相同的值时才返回。+0并被-0视为相同的值。如果任一操作数为NaN，则返回false。
- Boolean：true仅当操作数为两个true或两个false时才返回true。

群内问题分析

问：![] == 0、[] == 0分别输出什么？理论依据是什么？
答：![] == 0 这个大家一看便知输出true。那不仔细分析的话，一定有人说那[] == 0 就是false。其实非也。这里的[]根据官网给出的解释，这里会先把[]转成空字符串，再将''转成数字0，最后就是0==0了，所以此处也会输出true。

验证如下：

console.log(![] == 0);  //output: true
console.log([] == 0);   //output: true

结束语

相等虽然被开发人员频繁使用，但是里面的细节，犹如空气那样，你一直在用，却不用思考如何使用。但是当业务较为复杂，或者出现今天[] == 0 这个情况，要是不懂其原理。可能会造成线上问题。

在这个世界上取得成就的人，都努力去寻找他们想要的机会，如果找不到机会，他们便自己创造机会。 ——萧伯纳

你知道==的细节吗？

相等的用法

相等的原理

群内问题分析

结束语