JavaScript相等运算符的9条规则

简介

Java的等号有=，==，===三个运算符虽然都读成“等于”，但概念是不同的，=指的是赋值，在这篇文章中咱们不会进行更多的介绍；==称为相等运算符，比较的是两个操做数值是否相等；===称为严格相等运算符，比较的是两个操做数是不是“彻底相同”。

针对相等运算符==和===，有两个对应的!=和!==运算符，这两个不相等运算符的运算结果是==和===运算结果的相反值。

严格相等运算符

严格相等运算符在对操做数进对比运算时，是不进行类型转换的。对比规则以下：

1. 操做数类型不一样

对比结果是false

1 === "1" // false
true === "true" // false
undefined === true //false
1 === true //false
复制代码

2.同一类原始类型值

若是两个值都是原始类型值（数字、字符串、布尔值），值相同就返回true，值不一样就返回false。

对于原始类型值，要注意的是，0和-0是相等的；若是两个值是字符串，须要它们在16位编码的相同位置上有相同的值才是相等。若是是不一样的16位编码序列，就算有相同的内容，相同的长度，结果也是不相等。

'1' === '0' //false
1 === 0x1 // true
复制代码

3.同是对象

若是两个值是对象（数组、函数、对象、Symbol），对于两个对象比较的是引用，若是引用指向的是不一样的对象，则结果是不相等。

{} === {} // false
[] === [] // false
(function () {} === function () {}) // false

var v1 = {};
var v2 = v1; //v2和v1指向同一个引用地址
v1 === v2 // true  

// 没有参数的状况
let s1 = Symbol();
let s2 = Symbol();

s1 === s2 // false

// 有参数的状况
let s1 = Symbol('foo');
let s2 = Symbol('foo');
let s3 = s1;
s1 === s2 // false
s1 === s2 // true
复制代码

4. null和undefined

若是两个值都是null或者都是undefined，结果是true

null === null //true
undefined === undefined //true
复制代码

5.NaN

若是两个值都是NaN，结果是false

NAN === NAN //false
复制代码

NaN和任何数字都不相等，包括它自身

相等运算符

1. 值的类型相同

应用严格相等运算符转换规则的值类型相同规则（除：操做数类型不一样）。

2.不一样原始类型值

若是是不一样原始类型值（数字、字符串、布尔值）进行比较，将非数字类型转换成数字，再进行比较。

0 == undefined //false
// 等同于 0 == Number(undefined)
// 等同于0 == NAN

0 == null  //false
// 等同于 0 == Number(null)

1 == true // true
// 等同于 1 == Number(true)

'true' == true // false
// 等同于 Number('true') == Number(true)
// 等同于 NaN === 1

'' == 0 // true
// 等同于 Number('') == 0
// 等同于 0 == 0

'1' == true  // true
// 等同于 Number('1') == Number(true)
// 等同于 1 == 1

'\n 123 \t' == 123 // true
// 由于字符串转为数字时，省略前置和后置的空格
复制代码

3. 对象和原始类型值

若是其中一个操做数是对象，另一个是原始类型值（数字、字符串、布尔值），按以下规则转：

• 将对象转换成原始类型值
• 转换后的原始类型值与另外一个操做数的类型同样，使用值类型相同的规则
• 若是不同，将非数字类型转换成数字再进行比较。

例1：对象对比数字

[1] == 1  //true
复制代码

解析：
a. [1]先转换成原始值"1"；
b. 转换后与右边的操做数1类型不同，将"1"转换成1；
c. 1 == 1 结果是true

例2：对象对比字符串

[1] == "1"
复制代码

解析：
a. [1]先转换成原始值"1"；
b. 转换后与右边的操做数"1"类型同样，"1"=="1"，结果是true；

例3：对象对比布尔值

[1] == true
复制代码

解析：
a. [1]先转换成原始值"1"；
b. 转换后与右边的操做数true类型不同，将右边的操做数true转换成1；
c. 1 == 1结果是true

4. null和undefined

若是其中一个值是null，另一个是undefined，结果是相等

null == undefined
复制代码

对象转换为原始类型规则

比较操做符的操做数多是任意类型，然而只有数字和字符串才能真正执行比较操做，所以那些不是数字和字符串的类型都将进行类型转换。转换的规则以下：

1. 若是对象类型是Date，会调用该对象的toString()；
2. 其余状况下，若是valueOf()返回的是原始类型，会调用对象的valueOf()；
3. 其余状况下（若是valueOf()不存在或没有返回原始类型），会调用toString()方法，大部分状况下是用的这种转换。
4. 若是没有toString()方法，则抛出一个类型异常错误

上面的规则只是应用于+、==、!=中涉及到的对象转为原始类型的转换规则，若是是> ,< 等其余运算符涉及的转换，转换规则中除去日期对象的特殊状况，其余是同样的，也就是说规则是下面这样的：

1. 其余状况下，若是valueOf()返回的是原始类型，会调用对象的valueOf()；
2. 其余状况下（若是valueOf()不存在或没有返回原始类型），会调用toString()方法，大部分状况下是用的这种转换。
3. 若是没有toString()方法，则抛出一个类型异常错误

总结

严格相等运算符的比较是不对操做数进行类型转换的，只要操做数类型不一致，返回就是false；对于操做数都是原始类型，值相等就返回true，反之返回fase；对于对象，对比的是引用指向的地址，地址是同一个，就返回false，反之返回true；另外介绍了几个特殊的操做数的对比，undefined、null、NaN，其中null和undefined是严格相等的，而NaN和任何类型的操做数都不会相等包括它本身。

相等运算符是会对操做数进行类型转换的，若是操做数的类型相同，则按严格相等运算符的规则。如操做数是不一样的原始值类型，则都转换成数字再进行比较；若是是原始值类型和对象的比较，则对象先转换成原始类型值再对比，再比较时若是是相同类型就比较值，若是仍是不一样，都转换成数字再进行比较；null和undefined是相等的

+、==、!=在进行运算时若是涉及到对象类型转为原始值时，转换规则和其余的运算符是不同的。