在做项目中，看了很多前人的代码，发现一个很有趣的问题，那就是js代码中的比较运算符（ == 、与 === ；!= 与 !== ），前人们很多情况下用的是三个等于号，很少情况用的是两个等于号，那么到底该怎么用呢？两种用法有什么区别吗？

==

代表等于，即符号前面的变量为符号后面的变量，比如我们先对x进行赋值为“10”，然后进行比较运算：

x==5   return false；
x==10 return true；
x==“10”  return true；

规则：

  • 1、如果两个值类型相同，进行 === 比较。
  • 2、如果两个值类型不同，他们可能相等。根据下面规则进行类型转换再比较：
  • 3、如果一个是null、一个是undefined，那么[相等]。
  • 4、如果一个是字符串，一个是数值，把字符串转换成数值再进行比较。
  • 5、如果任一值是 true ，把它转换成 1 再比较；如果任一值是 false，把它转换成 0 再比较。
  • 6、如果一个是对象，另一 个是数值或字符串，把对象转换成基础类型的值再比较。对象转换成基础类型，利用它的toString或者valueOf方法。js核心内置类，会尝试 valueOf先于toString；例外的是Date，Date利用的是toString转换。非js核心的对象，令说
  • 7、任何其他组合，都[不相等]。

===

代表全等于，即符号前面的变量全等于符号后面的变量（包括数据类型），还是上面的例子，如果我们为x赋值为“10”：

x==5   return false；
x==10 return false；
x==“10”  return true；

规则：

  • 1、如果类型不同，就[不相等]
  • 2、如果两个都是数值，并且是同一个值，那么[相等]；(！例外)的是，如果其中至少一个是NaN，那么[不相等]。（判断一个值是否是NaN，只能用isNaN()来判断）
  • 3、如果两个都是字符串，每个位置的字符都一样，那么[相等]；否则[不相等]。
  • 4、如果两个值都是true，或者都是false，那么[相等]。
  • 5、如果两个值都引用同一个对象或函数，那么[相等]；否则[不相等]。
  • 6、如果两个值都是null，或者都是undefined，那么[相等]。

另外两个 ！== 和 ！= 的用法和 ===与 ==的用法一样，只是一个是值或类型不相等，一个是值不相等。