javascript运算符——关系运算符

面前的语

  关系运算符用于测试两单价值期间的涉,根据涉是否存在如回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

  【3】在靶转换为原始值之后,如果至少发生一个操作数不是字符串,则鲜个操作数都易成为数字进行比较

  [注意]于当操作符中,时间Date()对象只是同意通过toString()方法换为字符串,而休允许通过valueOf()方法换为数字;而当超越操作符中,时间Date()对象允许先行使用valueOf()方法换为数字 

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 <= '0');//false,相当于1 <= 0
console.log(true <= '0');//false,相当于1 <= 0
console.log('true' <= 0);//false,相当于NaN <= 0
console.log([1] <= '0');//false,相当于'1' <= '0'
console.log([0] <= true);//true,相当于0 <= 1
console.log(1 <= 1);//true

 

小于运算符

  小于运算符(<)用于比少单操作数,如果第一只操作数小于第二独操作数,则小于运算符的计量结果吗true,否则也false

  小于运算符与过量运算符的类型转换规则类似,就不再赘言

【大于等于运算符】

  同地,大于等于运算符(>=)并无借助于让过量或等运算符的可比规则,而是遵循小于运算符的比较规则,结果取反。如果'<‘的于结实是true,则’>=’的结果是false;如果'<‘的比较结实是false,则’>=’的结果是true

 

参考资料

【1】 ES5/关系运算符
https://www.w3.org/html/ig/zh/wiki/ES5/expressions
【2】 阮一峰Javascript标准参照教程——语法——比较运算符
http://javascript.ruanyifeng.com
【3】 W3School-Javascript高级教程——ECMAScript关系运算符
http://www.w3school.com.cn
【4】《javascript权威指南(第6本子)》第4节 表达式和运算符
【5】《javascript高级程序设计(第3本子)》第3回 基本概念
【6】《javascript DOM编程艺术(第2版本)》第2段 Javascript语法