解析javascript運算符中的關係運算符

目錄

[1]恆等[2]相等[3]大於[4]小於

前面的話

　　關係運算子用於測試兩個值之間的關係，根據關係是否存在而傳回true或false，關係表達式總是傳回一個布林值，通常在if、while或for語句中使用關係式，用以控製程式的執行流程

　　javascript提供了===、!==、==、!=、<、<=、> ;、>=8個關係運算符，本文將分為4類介紹關係運算子

#恆等運算符

　　恆等運算子'== ='，也叫嚴格相等運算符，先計算其運算元的值，然後比較這兩個值，比較過程沒有任何型別轉換，比較過程如下：

　　【1 】如果兩個值的型別不相同，則回傳false

console.log(1 === '1');//false
console.log(1 === [1]);//false

　　【2】如果兩個值都是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

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

[注意]不論什麼進制的數字，在進行關係比較時，最終都轉換為十進制進行運算

console.log(10 === 0xa);//true

　　在數字Number類型中，有一個值比較特殊，是NaN (not a number)，它與任何值都不相等；此外，數字Number類型中存在著+0和-0，雖然其符號不同，但值相等

console.log(NaN === NaN);//false
console.log(+0 === -0);//true

　　兩個相同字串值表現為：相同的長度和相同的字元對應相同的位置

#

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

　　【3】如果兩個值引用同一個物件，則傳回true，否則，傳回false

　　[注意]更詳細的解釋是，javascript物件的比較是引用的比較，而不是值的比較。它們依然是不相等的

console.log([] === []);//false
console.log({} === {});//false    
console.log(function(){} === function(){});//false

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

【恆不等運算子】

　　恆不等運算符(!==)又叫嚴格不等於運算符，操作數的比較過程與恆等運算符相同，結果取反。如果'==='的比較結果是true，則'!=='的比較結果是false；如果'==='的比較結果是false，則'!=='的比較結果是true


#

console.log(1 !== '1');//true
console.log(1 !== 1);//false
console.log(true !== false);//true
console.log({} !== {});//true

相等運算子

　　相等運算子'=='和恆等運算子相似，但相等運算子的比較並不嚴格，如果兩個運算子不是同一型，相等運算子會嘗試進行一些型別轉換，然後再進行比較

　　當兩個運算子類型相同時，比較規則和恆等運算子規則相同

console.log(undefined == undefined);//true
console.log(10 == 0xa);//true
console.log(NaN == NaN);//false
console.log([] == []);//false

　　當兩個運算元類型不同時，相等運算子'=='會遵守下列規則：

　　【1】如果一個值是物件類型，另一個值是原始型別類型，則物件類型會先使用valueOf()轉換成原始值，如果結果還不是原始值，則再使用toString()方法轉換，再進行比較

　　[注意]日期類別只允許使用toString()方法轉換為字串。類似地，時間
Date
物件進行加法運算時使用toString()轉換為字串，而在其他數學運算，包括減法、乘法、除法、求餘等運算中，都是使用Number()轉換函數將時間Date物件使用valueOf()轉換為數字　　【2】在物件轉換為原始值之後，如果兩個運算元都是字串，則進行字串的比較

console.log(new Date() == 'Sat Jun 25 2016 11:07:20 GMT+0800 (中国标准时间)');//true

　　【3】在物件轉換為原始值之後，如果至少有一個運算元不是字串，則兩個運算元都會經由Number()轉型函數轉換成數字進行數值比較

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

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

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

var a = {
    valueOf:function(){
        return 1;
    },
    toString:function(){
        return '2';
    }
} 
console.log( a == '1');//true，相当于1 == 1

var a = {
    valueOf:function(){
        return {};
    },
    toString:function(){
        return '1';
    }
} 
console.log( a == 1);//true，相当于1 == 1

　　[注意]如果一個值是null，另一個值是undefined，則傳回true。雖然Number(null)是0，但null和0並不相等

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

#　　[注意]空字串或空格字串會轉成0

#

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

【不相等运算符】

　　不相等运算符(!=)的操作数比较过程与相等运算符相同，结果取反。如果'=='的比较结果是true，则'!='的比较结果是false；如果'=='的比较结果是false，则'!='的比较结果是true

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

大于运算符

　　大于运算符(>)用于比较两个操作数，如果第一个操作数大于第二个操作数，则大于运算符的计算结果为true，否则为false

　　大于运算符的操作数可能是任意类型，然而，只有数字和字符串才能真正执行比较操作，因此那些不是数字和字符串的操作数都将进行类型转换，类型转换规则如下：

　　【1】如果操作数是对象，则这个对象将先使用valueOf()转换成原始值，如果结果还不是原始值，则再使用toString()方法转换

　　[注意]实际上，在原生对象中，使用valueOf()方法转换为原始值的，只有转换为数字Number类型的时间Date对象，其他对象都通过toString()方法成了字符串

　　【2】在对象转换为原始值之后，如果两个操作数都是字符串，则按照字母表的顺序对两个字符串进行比较，这里提到的字母表顺序是指组成这个字符串的16位unicode字符的索引顺序

console.log('b' > 'a');//true
console.log('B' > 'a');//false

console.log({} > '[a]');//true，相当于'[object Object]' > '[a]'
console.log({} > '[p]');//false，相当于'[object Object]' > '[p]'

console.log([a] > [b]);//false，相当于'[a]' > '[b]'
console.log([2] > [11]);//true，相当于'[2]' > '[11]'

　　[注意]虽然在字母表中大写字母在小写字母的前面，所以大写字母 < 小写字母；但字符串String对象有一个字符串比较的方法localeCompare()方法会考虑自然语言的排序情况，把'B'排在'a'的后面，该方法在字符串在字母表中排在其参数之前时，返回一个负数；字符串在字母表中排在其参数之后时，返回一个正数

console.log('B'.localeCompare('a'));//1
console.log('B' > 'a');//false
console.log('b'.localeCompare('a'));//1
console.log('b' > 'a');//true</p>
<p><br>　　【3】在对象转换为原始值之后，如果至少有一个操作数不是字符串，则两个操作数都转换成数字进行比较<br><br>　　[注意]在等于<a href="http://www.php.cn/wiki/996.html" target="_blank">操作符</a>中，时间Date()对象只允许通过toString()方法转换为字符串，而不允许通过valueOf()方法转换为数字；而在大于操作符中，时间Date()对象允许优先使用valueOf()方法转换为数字 <br><br></p>
<pre class="brush:php;toolbar:false">console.log(new Date() > 100);//true，相当于1466826928667 > 100
console.log(true > [0]);//true，相当于 1 > 0

console.log(2 > 1);//true
console.log(11 > '2');//true，相当于11 > 2

console.log(NaN > 1);//false
console.log(1 > NaN);//false
console.log({} > true);//false，相当于 NaN > 1

　　[注意]虽然null == 0的结果为false，这是因为javascript将null == undefined的结果设为true。在大于运算中，null和undefined进行Number()转型函数转换分别转换为0和NaN

console.log(undefined > -1);//false，相当于NaN > -1
console.log(null > -1);//true，相当于0 > -1
console.log(undefined > 0);//false，相当于NaN > 0
console.log(null > 0);//false，相当于0 > 0

　　对于数字和字符串来说，加号运算符和比较运算符的行为有所不同，加号运算符更偏爱字符串，如果它的一个操作数是字符串，就进行字符串连接。而比较运算符则更偏爱数字，只有在两个操作数都是字符串时，才进行字符串的比较

console.log(1 + 2);//3
console.log('1' + '2');//'12'
console.log('1' + 2);//'12'，相当于 '1' + '2'

console.log(2 > 1);//true
console.log('2' > '1');//true
console.log('2' > 1);//true，相当于 2 > 1

【小于等于运算符】

　　小于等于运算符(<=)并不依赖于小于或等于运算符的比较规则，而是遵循大于运算符的比较规则，结果取反。如果'>'的比较结果是true，则'<='的比较结果是false；如果'>'的比较结果是false，则'<='的比较结果是true

console.log(1 <= &#39;0&#39;);//false，相当于1 <= 0
console.log(true <= &#39;0&#39;);//false，相当于1 <= 0
console.log(&#39;true&#39; <= 0);//false，相当于NaN <= 0
console.log([1] <= &#39;0&#39;);//false，相当于&#39;1&#39; <= &#39;0&#39;
console.log([0] <= true);//true，相当于0 <= 1
console.log(1 <= 1);//true

小于运算符

　　小于运算符(<)用于比较两个操作数，如果第一个操作数小于第二个操作数，则小于运算符的计算结果为true，否则为false

　　小于运算符与大于运算符的类型转换规则类似，就不再赘述

【大于等于运算符】

　　同样地，大于等于运算符(>=)并不依赖于大于或等于运算符的比较规则，而是遵循小于运算符的比较规则，结果取反。如果'<'的比较结果是true，则'>='的结果是false；如果'<'的比较结果是false，则'>='的结果是true

以上是解析javascript運算符中的關係運算符的詳細內容。更多資訊請關注PHP中文網其他相關文章！