JavaScript学习系列8

JavaScript中有8个关系运算符,分别是

===, !===, ==, !=, <, <=, >, >=

1. 恒等运算符 (===)

  ===也叫做 严格相等运算符,它要求比较的双方,值和类型都完全相同

如果两个值都是undefined, Null, Boolean, Number, String相同原始类型的值,值相同,就返回true, 否则,就返回false

console.log(undefined === undefined); //true
console.log(null === null); //true
console.log(true === true); //true
console.log(false === false); // true

关于恒等运算符,有一些特别需要注意的地方

注意1  如果是数字使用恒等运算符进行比较,不论什么进制的数字,在进行关系比较时,最后都会转化为十进制进行比较

           

注意2  在数字Number类型中,有一个值比较特殊,就是NaN(not a number), 它与任何值都不相等

            而在数字Number类型中,存在着 +0 和 -0, 虽然它们符号不同,但他们值相同,类型也相同,都是Number类型,所以在恒等比较中,它们是相等的

            

这里可以总结一句话:

如果两个比较的值不是number类型, 而两个比较的值类型相同,值也相同, 那么两个值全等

如果两个比较的值都是number类型, 并且两个都不是NaN  并且数值相同, 或者两个值分别为 +0 和 -0 时,两个值将会被认为是全等的.

在javascript中,NaN是一种特殊的数值类型,全等(===)操作符认为NaN与其他任何值都不全等,包括它自己. 所以,等式 (x !== x) 成立的唯一情况是x的值是NaN

注意3  javascript中对象的比较, 是比较它们的引用,而不是它们指向的值。 也就是说,对象和其本身是相等的,但和任何其他对象都不相等

           也就是说,即使两个对象有完全相同数量的属性,相同的属性名以属性值,它们在恒等比较中,依然还是不相等的

           

       上面的代码中,虽然左右两边都是空数组,空对象,空函数,但他们引用不一样,不是指向同一个空数组,空对象,空函数,所以在恒等时,返回的是false

在上面的代码中,a是一个空对象,然后又把a这个空对象赋给了b, 所以现在a和b是同一个空对象。所以在恒等中,它们是完全相等的

1. 相等运算符 (==)

如果两个操作数不是同一类型, 相等运算符会尝试进行一些类型转换,然后再进行比较

如果两个操作数类型相同,比较规则和恒等运算符(===)规则相同

 当两个操作数类型不同时, 相等运算符"=="按照如下规则来运行:

1)  相等运算符('==')的两个操作数类型, 一个是对象类型,另一个是原始类型. 那么比较时,对象类型会 先使用valueOf()转换成原始值,  如果使用valueOf()转换后,还不是原始值. 那么继续使用toString()方法转换,然后再进行比较

2) 经过第1)的转换后,如果这个时候,左右两边的操作数都变成了字符串,那么就进行字符串的比较

特别注意  这里特别要注意的是Date 日期类型, 当比较的双方有一个是Date日期类型时,它会使用toString()方法转换为字符串.  

                 同时,我们也要注意,在加法,减法,乘法,除法, 求余等运算中,只有加法运算时,会把Date对象使用toString()转换为字符串。而其他的减法,乘法,除法,求余等运算中,都是使用Number()转换函数将时间Date对象使用valueOf转换为数字.

3)  刚刚在第2)讲了,如果左右两边都变成了字符串,则进行字符串的比较.  那么,如果在经过了第1)步的转换之后,还是有一个操作数不是字符串,或者两个都不是字符串,这个时候会发生什么呢

      此时,两个操作数都将通过Number()转换函数转换成数字进行数值比较

      

console.log(true == 1); // true

上面中,true 和 1 都是原始值,所以不需要经过1)步的原始值得转换, 左右两边也都不是字符串,所以也不会经过2)步, 到第三步,符合第三步条件,左右两边都会通过Number()转换成数字, true转换成数字就是1, 所以 1=1 ,结果为true

console.log(false == '1'); //false
console.log(false == '0');  //true

上面中,也同样会越过第1) 和 第 2)步,会进行第3)步,左右两边都会通过Number()转换成数字, false转换成数字是0, 右边分别转换成数字1和0, 这样比较就一目了然了.

console.log(true == 'true'); // false  

上面中,同样也是直接进入第3)步,左右两边都会通过Number()转换成数字,左边true转换成数字1,右边'true'转换成数字是 NaN (特别注意  ‘true’, 'false'转换成数字,将会是NaN).  所以就成了 1 == NaN ,这个显然是不等的,所以返回false

console.log([1] == 1); // true       相当于1==1
console.log([] == 0); //true          相当于0 == 0

上面的都可以理解

但是下面的两个我没有特别理解

console.log([1] == '1'); //true         相当于'1' == '1'
console.log([] == '0'); //false           相当于'' == '0'

上面的两个,如果按照上面的规则,我以为应该是 1=1, 0=0, 都是true, 但是不是,而是按照字符串来比较

[注意的地方

1. 在相等运算中, null 和 undefined是相等的

    

     但是在相等运算中,null 和 0是不相等的

    

2. 空字符串或者空格字符串会转化为0

console.log(null == []); //false
console.log([] == '  '); //false 相当于 ' ' == '  ' 左边是一个空格,右边是2个空格,所以不相等
console.log([] == ' '); //true 相当于 ' ' == ' ' 
console.log(0 == ' '); // true, 在这里, ' '会转化为0 进行比较

 2. 不相等运算符 (!=)

    不相等运算符中有两个特别容易弄错的,如下

   

console.log([1] != true); // false 相当于 1 != 1

console.log([1] != '1'); //  false  相当于 '1' != '1'

 关于数组的总结

   我发现在数字数组的比较中,会优先转换为字符串进行比较.  这个怎么理解呢

   1. 如果两边都是数字数组,都会转换为字符串进行比较,而不是转换为数字进行比较

    

console.log([2] > [11]); // 返回 true 因为 '2' > '11'  按照字符串来进行比较

2. 如果比较的双方有一方是字符串,另一方是数字数组。 那么比较时,双方都会转换为字符串进行比较

   比如上面我们提到的没有完全理解的几个例子

    

console.log([1] == '1'); //true         相当于'1' == '1'
// 右边'1'是字符串,所以左边的数字数组[1] 优先转换为字符串 '1'

console.log([] == '0'); //false           相当于'' == '0'
// 右边'0'是字符串, 所以左边的空数组也会转换为字符串,空数组[]转换为字符串就是''



console.log([1] != '1'); //  false  相当于 '1' != '1'
//右边'1'是字符串,所以左边数字数组[1]也会转换为字符串'1'
原文地址:https://www.cnblogs.com/wphl-27/p/9734005.html