首页 > JavaScript > javascript 相等运算符(==)和等同运算符(===)
2009五月23

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

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

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

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

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

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


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

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

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

        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实现定义的方式把自身转换成原始数值。
    • 其他的数值组合是不相等的。

呜,敲这些字好累啊。。晕死了。不过,要细细品味啊。。

文章作者:simaopig
本文地址:http://www.xiaoxiaozi.com/2009/05/23/594/
版权所有 © 转载时必须以链接形式注明作者和原始出处!

7 Responses to “javascript 相等运算符(==)和等同运算符(===)”

  1. #1 bolo 回复 | 引用 Post:2009-05-23 21:36

    好好学学,现在发觉不懂js真是寸步难行

    [回复]

    simaopig 回复:

    哈,其实刚来公司的时候,他们主要是是想让我快速的给改一个非常迫切的JS代码。
    现在想想,还是挺有意思的。呵,也是从那时,才发现JS很有意思。也很烦人。呵。

    [回复]

  2. #2 看海 回复 | 引用 Post:2009-05-26 05:31

    改JS是一种折磨啊,没有工具很痛苦

    [回复]

  3. #3 simaopig 回复 | 引用 Post:2009-05-26 11:22

    @看海
    是啊。JS实在是让人又爱又恨的。。

    [回复]

  4. #4 Deloz.ぬ. 回复 | 引用 Post:2009-05-29 12:59

    有”===”这种运算符…. 学习了..

    看海: 改JS是一种折磨啊,没有工具很痛苦

    什么工具呢?

    [回复]

  5. #5 大懒猫 回复 | 引用 Post:2009-09-24 21:16

    :lol: :lol: 写的不错,转载了!

    [回复]

  6. #6 simaopig 回复 | 引用 Post:2009-09-24 23:15

    @大懒猫
    呵呵。谢谢。

    [回复]

发表评论

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)