js使用== 和 === 进行数据对比

一、相等运算符==对比规则

• 如果两个操作数都是对象，则仅当两个操作数都引用同一个对象时才返回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。 此运算符与严格等于（===）运算符之间最显着的区别在于，严格等于运算符不尝试类型转换。相反，严格相等运算符始终将不同类型的操作数视为不同。

二、严格等于运算符===对比规则

• 如果操作数的类型不同，则返回 false。
• 如果两个操作数都是对象，只有当它们指向同一个对象时才返回 true。
• 如果两个操作数都为 null，或者两个操作数都为 undefined，返回 true。
• 如果两个操作数有任意一个为 NaN，返回 false。
• 否则，比较两个操作数的值：
  • 数字类型必须拥有相同的数值。+0 和 -0 会被认为是相同的值。
  • 字符串类型必须拥有相同顺序的相同字符。
  • 布尔运算符必须同时为 true 或同时为 false。

严格等于运算符与相等运算符（==）最显著的区别是，如果操作数的类型不同，==运算符会在比较之前尝试将它们转换为相同的类型。

三、知道了规则，来看一些常见的对比

1.[]==false为true

// 根据这两条规则进行转换：1.如果操作数之一是`Boolean`，则将布尔操作数转换为1或0。2.如果操作数之一是对象，另一个是数字或字符串，会尝试使用对象的`valueOf()`和`toString()`方法将对象转换为原始值
//先调用valueOf方法进行转换
1.[].valueOf() //[]
//发现valueOf转化完后，依然不时原始值类型，那继续用toString方法转换
2.[].toString()//""
//使用Number转换
3.Number('')==Number(false)  //0==0  true;

2.[]==![] 为true

！的优先级要大于==的，所以先运算右边。
！可将变量转换成boolean类型，null、undefined、NaN以及空字符串('')取反都为true，其余都为false。
1.![]//false
2.[] == false//跟上面一样就是true了

3.{}==!{} 为 false

！的优先级要大于==的，所以先运算右边。
！可将变量转换成boolean类型，0、null、undefined、NaN以及空字符串('')取反都为true，其余都为false。
1.!{} // false
//先调用valueOf方法进行转换
2.{}.valueOf()
//发现valueOf转化完后，依然不时原始值类型，那继续用toString方法转换
3.{}.toString()//[Obejct obejct]
//使用Number转换
4.Number({}.toString())//NaN：NaN是number类型
5.Number({}.toString()) == Number(false) // 返回false NaN跟谁都不相等

四、对象的toString()方法

{}.toString()报语法错误原因：