• JS判断相等或者不等于(==、===、!=、!==)运算符

    等值检测运算符包括 4 个,详细说明如表所示。

    等值检测运算符
    等值检测运算符 说明
    ==(相等) 比较两个操作数的值是否相等
    !=(不想等) 比较两个操作数的值是否不相等
    ===(全等) 比较两个操作数的值是否相等,同时检测它们的类型是否相同
    !==(不全等) 比较两个操作数的值是否不相等,同时检测它们的类型是否不相同

    在相等运算中,应注意以下几个问题:

    • 如果操作数是布尔值,则先转换为数值,其中 false 转为 0,true 转换为 1。
    • 如果一个操作数是字符串,另一个操作数是数字,则先尝试把字符串转换为数字。
    • 如果一个操作数是字符串,另一个操作数是对象,则先尝试把对象转换为字符串。
    • 如果一个操作数是数字,另一个操作数是对象,则先尝试把对象转换为数字。
    • 如果两个操作数都是对象,则比较引用地址。如果引用地址相同,则相等;否则不等。

    示例1

    下面是特殊操作数的相等比较。

    console.log("1" == 1);  //返回true。字符串被转换为数字
    console.log(true == 1);  //返回true。true被转换为1
    console.log(false == 0);  //返回true。false被转换为0
    console.log(null == 0);  //返回false
    console.log(undefined == 0);  //返回false
    console.log(undefined == null);  //返回true
    console.log(NaN == "NaN");  //返回false
    console.log(NaN ==1);  //返回false
    console.log(NaN == NaN);  //返回false
    console.log(NaN != NaN);  //返回true

    NaN与任何值都不相等,包括它自己。null 和 undefined 值相等,但是它们是不同类型的数据。在相等比较中,null 和 undefined 不允许被转换为其他类型的值。

    示例2

    下面两个变量的值是相等的。

     var a = "abc" + "d";
    var b = "a" + "bcd";
    console.log(a == b);  //返回true

    数值和布尔值的相等比较运算效率比较高,而字符串需要逐个字符进行比较,相等比较运算效率比较低。

    在全等运算中,应注意以下几个问题:

    • 如果两个操作数都是简单的值,则只要值相等,类型相同,就全等。
    • 如果一个操作数是简单的值,另一个操作数是复合型对象,则不全等。
    • 如果两个操作数都是复合型对象,则比较引用地址是否相同。

    示例3

    下面是特殊操作数的全等比较。

    console.log(null === undefined);  //返回false
    console.log(0 === "0");  //返回false
    console.log(0 === false);  //返回false

    示例4

    下面是两个对象的比较,由于它们都引用了相同的地址,所以返回 true。

    var a = {};
    var b = a;
    console.log(a === b);  //返回true

    下面两个对象虽然结构相同,但是地址不同,所以不全等。

    var a = {};
    var b = {};
    console.log(a === b);  //返回false

    示例5

    对于复合型对象,主要比较引用的地址,不比较对象的值。

    var a = new String("abcd);  //定义字符串“abcd”对象
    var b = new String("abcd);  //定义字符串“abcd”对象
    console.log(a === b);  //返回false
    console.log(a == b);  //返回false

    在上面示例中,两个对象的值相等,但是引用地址不同,所以它们既不想等,也不全等。因此,对于复合型对象来说,相等==和全等===运算的结果是相同的。

    示例6

    对于简单的值,只要类型相同、值相等,它们就是全等,不考虑表达式运算的过程变化,也不用考虑变量的引用地址。

    var a = "1" + 1;
    var b = "11";
    console.log(a ===b);  //返回true

    示例7

    表达式(a>b || a==b)与表达式(a>=b)并不完全相等。

    var a = 1;
    var b = 2;
    console.log((a > b || a == b) == (a >= b));  //返回true,此时似乎相等

    如果为变量 a 和 b 分别赋值 null 和 undefined,则返回值 false,说明这两个表达式并非完全等价。

    var a = null;
    var b = undefined;
    console.log((a > b || a == b) == (a >= b));  //返回false,表达式的值并非相等

    因为 null == undefined 等于 true,所以表达式(a > b || a == b)的返回值为 true,但是表达式 null >= undefined 的返回值为 false。

更多...

加载中...