当前位置 主页 > 网站技术 > 代码类 >

    javascript中的相等操作符(==与===区别)

    栏目:代码类 时间:2019-12-21 18:08

    1.前言

    我们在编程的过程中,经常会遇到判断两个变量是否相等的情况,ECMAscript提供了两种相等操作符”==”和”===”来判断,这两种操作都会返回一个boolean值。一般来说,我们把”==”称之为相等,称”===”为全等。当两相比较的两个变量数据类型一致时,情况比较简单,而当操作符两边的变量类型不一致,甚至其中的某个变量是对象时,情况就比较复杂了,下面分别介绍当操作数类型不同时运算结果会怎么样。

    2.全等操作符 “===”

    全等操作符”===”的情况相对来说比较简单。当用全等操作符”===”来判断时,首先检查操作符两边操作数数据类型是否一致,若不一致,则直接返回false,否则,才进行下一步判断。如果是两个boolean的比较,则”===”两边必须同为true或同为false,才可以返回true,否则返回false.若两相比较的是数字,那么只有当这两个数字大小相等时才会返回true,否则返回false。如果要比较的两个变量是字符串,先比较两个字符串的长度length是否相等,如果长度不一样,则返回false,如果相等,则从两个变量的第一个字符开始比较是否相等,一直比较到最后一位,如果其中的某一位不想等,则返回false,否则返回true,(注意:字符串的比较是不会忽略空格的,所以在比较两个字符串是否相等时,为确保安全,应该先去除空格,然后把两个字符串同转为大写或者小写之后再进行比较)。而null只有在null===null的情况下才会返回true,其它情况都返回false,同样,undefined只有在undefined===undefined的情况下才会返回true,否则返回false。如:

    true === 1    //false
    "1" === 1    //false
     
    //boolean的比较
    true === true  //true
    true === false  //false
    
    //string的比较
    "hello" === "helloworrld" //false
    "hello" === "world" //false
    "hello" === " hello" //false
    "hello" === "hellO" //false
    "hello" === "hello" //true
    
    //number的比较
    1 === 1  //true
    1 === 1.0 //true
    1 === 1.2 //false
    
    //null和undefined的比较
    undefined === undefined  //true
    null === null       //true
    undefined === null    //false,两者在"=="时才返回true
    

    如果进行”===”比较的两个操作数不是基本类型值,而是两个对象,这时候判断依据就是,判断这两个变量是否是”同一个”对象

    var a,b,c;
    a = b = {
    	name : '柳轻侯',
    	city : '南京'
    };
    c = {
    	name : '柳轻侯',
    	city : '南京'
    };
    a === b   //true
    a === c   //false
    

    两个对象仅仅”长得一样”是不够的,a和c都是Object实例,且两者拥有相同的属性和值,可是这两个却不是”同一个”对象,因为实际上a和c指向了两个不同的实例,所以这两个对象是不全等的。而a和b却是指向了同一个对象,换个说法,a和b是同一个对象的不同别名,他们实际上指向的对象是完全相同的,所以a === b。”!==” 与 “===” 比较规则一样,在此不再赘述。

    3.相等操作符”==”

    全等操作符在进行判断的时候,如果两个变量的类型不同,则直接返回false,而与此不同,”==”相等操作符在判断的时候,如果两个变量的类型不同,则会做一个隐式的类型转换,把要比较的两个值转化为相同的类型再做比较,那么这种转化规则是怎么样的?

    在转化不同数据类型时,相等和不等操作符遵循下面的基本规则

    如果其中一个操作数是是boolean值,则在比较之前会先将boolean值转化为number值,true转化为1,false转为0; 如果其中一个操作数是string类型,而另一个是number类型,则在比较之前先将string类型转化为number类型再进行判断; 在比较之前,undefined和null是不会转为其他值进行比较的; 如果其中一个操作数是对象,而另一个是基本类型值,则在比较之前先将对象转为基本类型值,然后再依据前面的规则进行后续的比较;