javascript 相等运算符(==)和等同运算符(===)

和几乎所有的WEB编程语言一样，”==”与”===”是不同的，一个是判断值是否相等，一个是判断值及类型是否完全相等。

经常有人用混这两个运算符，不过，今天刚巧翻开“犀牛”，发现了原来，用这两个运算符判断两个值是否满足条件是有一定规则的。

“犀牛”这本书里的说法很值得人思考，就是把“相等运算符”读作“等于”，而把“等同运算符”读作“完全等同”。

下面，就让我们仔细了解一下，这其中的秘密吧。

 

 

在javascript中，比较数字、字符串和布尔值时使用的都是值(value)。在这种情况下，需要涉及到两个不同的值。

对两个字符串来说，只有当它们存放的字符完全相同时，它们才相等。

比较对象、数组和函数（都是昨天说过的，引用类型的）时全长的则是引用。

 

 

上面这句话告诉我们，只有两个变量引用的是同一个对象时，它们才是相等的。但是两个不同的数组，无论如何也是不相等地。即使它们存放的元素完全相同。

 

例代码  

1. var a = 1;  
2. var b = 1;  
3.   
4. document.write('变量a的值是:'+a+'变量b的值是:'+b);  
5. document.write('<br/>');  
6. document.write('判断变量a是否等于变量b：<font color="red">');  
7. document.writeln(a==b);  
8. document.write('</font><br/>');  
9. document.write('判断变量a是否完全等同变量b：<font color="red">');  
10. document.writeln(a===b);  
11. document.write('</font><br/>');  
12.   
13. var arr_a = [1,2,3];  
14. var arr_b = [1,2,3];  
15. document.write('变量数组arr_a的值是:'+arr_a+'变量数组arr_b的值是:'+arr_b);  
16. document.write('<br/>');  
17. document.write('判断变量arr_a是否等于变量arr_b：<font color="red">');  
18. document.writeln(arr_a==arr_b);  
19. document.write('</font><br/>');  
20. document.write('判断变量arr_a是否完全等同变量arr_b：<font color="red">');  
21. document.writeln(arr_a===arr_b);  
22. document.write('</font><br/>');  
23.   
24. var arr_c = [1,2,3];  
25. var arr_d = arr_c;  
26. document.write('直接把引用复制给新数组，比较值结果为：<font color="red">');  
27. document.writeln(arr_c===arr_d);  
28. document.write('</font><br/>');  

        var a = 1;        var b = 1;                document.write('变量a的值是:'+a+'变量b的值是:'+b);        document.write('<br/>');        document.write('判断变量a是否等于变量b：<font color="red">');        document.writeln(a==b);        document.write('</font><br/>');        document.write('判断变量a是否完全等同变量b：<font color="red">');        document.writeln(a===b);        document.write('</font><br/>');                var arr_a = [1,2,3];        var arr_b = [1,2,3];        document.write('变量数组arr_a的值是:'+arr_a+'变量数组arr_b的值是:'+arr_b);        document.write('<br/>');        document.write('判断变量arr_a是否等于变量arr_b：<font color="red">');        document.writeln(arr_a==arr_b);        document.write('</font><br/>');        document.write('判断变量arr_a是否完全等同变量arr_b：<font color="red">');        document.writeln(arr_a===arr_b);        document.write('</font><br/>');                var arr_c = [1,2,3];        var arr_d = arr_c;        document.write('直接把引用复制给新数组，比较值结果为：<font color="red">');        document.writeln(arr_c===arr_d);        document.write('</font><br/>');

 

下面的规则用于判定===运算符比较的两个值是否相等的判断条件

• 如果两个值的类型不同，它们就不相同。
• 如果两个值是数字，而且值相同，那么除非其中一个或两个都是NaN(这种情况它们不是等同的),否则它们是等同的。值NaN永远不会与其他任何值等同，包括它自身(奇怪的家伙),要检测一个值是否是NaN，可以使用全局函数isNaN()。
• 如果两个值都是字符串，而且在串中同一位置上的字符完全相同，那么它们就完全等同。如果字符串的长度或内容不同，它们就不是等同的。
• 如果两个值都是布尔型true，或者两个值都是布尔型false，那么它们等同。
• 如果两个值引用的是同一个对象、数组或函数，那么它们完全等同。如果它们引用的是不同的对象（数组或函数），它们就不完全等同，即使这两个对象具有完全相同的属性，或两个数组具有完全相同的元素。
• 如果两个值都是null或都是undefined，它们完全相同。

下面的规则用于判定==运算符比较的两个值是否相等的判断条件

• 如果两个值具有相同的类型，那么就检测它们的等同性。如果这两个值完全相同，它们就相等。如果它们不完全相同，则它们不相等。
• 如果两个值的类型不同，它们仍然可能相等。用下面的规则和类型转换来检测它们的相等性
  • 如果一个值是null，另一个值是undefined，它们相等。
  • 如果一个值是数字，另一个值是字符串，把字符串转换为数字，再用转换后的值进行比较。
  • 如果一个值为true，将它转化为1，再进行比较。如果一个值为false，把它转化为0，再进行比较。
  • 如果一个值是对象，另一个值是数字或字符串，将对象转换成原始类型的值，再埋比较。可以使用对象的toString()方法或valueOf()方法把对象转化成原始类型的值。JavaScript核心语言的内部类通常先尝试valueOf()方法转换，再尝试toString()方法转换，但是对于Date类，则先执行toString()方法再执行valueOf()方法转换。不属于JavaScript核心语言的对象则可以采用JavaScript实现定义的方式把自身转换成原始数值。
  • 其他的数值组合是不相等的。