js中等性操作符(==)、關系操作符(<,>)和布爾操作符(!)比較規則

　　最近一直在筆試面試，經常碰到例如 123=='123'、'abc'==true等問題，其中有答對的，也有答錯的，主要原因還是對ECMAScript的規范沒有理解清楚，很多題目沒有具體分析所導致。現查閱資料后對此進行一些總結。

等性操作符(==)

1、比較的類型是String、Number、Boolean這幾個基本類型時

當是這幾中類型進行比較時，會先將兩邊轉換成數字，在進行比較。

console.log(1 == true); // true轉換成數字為1，因此結果為true

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

console.log('abc' == true); //'abc'轉換成數字為NaN，結果為false，ECMAScript規定，NaN與任何值比較都是false，包括NaN==NaN

2、上述基本類型與引用類型比較時

首先會調用對象的valueOf()方法，期待返回一個基本類型的值(測試為若返回Boolean、Number、String、null、undefined或沒有返回值，則將不會繼續調用toString方法)，若返回的仍然是一個復合對象的話，則調用其toString()方法，若仍然沒有返回上述基本類型的話，則直接判為不相等。

var obj = {};
console.log(obj == '1') //obj.valueOf()返回這個對象，因此接着調用obj.toString()返回'[object Object]'字符串，按基本類型的比較方式，都轉換成數字，發現不相等，因此結果是false
//重寫obj的toString方法
obj.toString() = function(){
    return 1;
}
console.log(obj == '1'); //結果就為true了
console.log(obj == true); //結果也為true

var obj = {
    valueOf : function(){
        console.log('first');
    },
    toString : function(){
        console.log('second');
    }
}
console.log(obj == 1); //結果為 first false

var obj = {
    valueOf : function(){
        console.log('first');
        return null; //或者return undefined
    },
    toString : function(){
        console.log('second');
    }
}
console.log(obj == 1); //結果為 first false

var obj = {
    valueOf : function(){
        console.log('first');
        return {}; //或者return其他復合對象
    },
    toString : function(){
        console.log('second');
    }
}
console.log(obj == 1); //結果為 first second false

 

對於undefined和null，ECMAScript規定null==undefined結果為true；在比較等性之前，不能將null和undefined轉換成其他值。

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

3、兩個對象比較

若兩個操作數指向同一個對象，則返回true，否則返回false。

關系操作符(<,>)

1、兩邊都是字符串

都是字符串時，按字符串對應的字符編碼比較

console.log('abc'<'adc') //true

2、有一個操作數是數值

若有一個操作數是數值，則將另一個轉換為數值進行比較

console.log('a' > 5); //‘a'轉換為數值為NaN，結果為false
console.log('2.3' > 1); // true

3、有一個操作數是對象

調用該對象的valueOf方法，用返回的結果用前面的規則比較，若沒有valueOf方法，則調用toString方法

var obj = {};
console.log(obj < 5); //false
var obj = {
    valueOf: function() {
        console.log('first');
        return 2;
    },
    toString: function() {
        console.log('second');
    }
}
console.log(obj < 5); //first true

4、有一個操作數是布爾值

將此布爾值轉換成數值，再進行比較

console.log('3' > true); //true

與NaN比較的都將返回false

布爾操作符(!)

1、操作數是對象

任何對象都返回false

var obj = {};
console.log(!obj); //false

2、操作數是字符串

空字符串返回true，非空返回false

var a = 'OK';
var b = '  ';
var c = '';
console.log(!a); //false
console.log(!b); //false
console.log(!c); //true

3、操作數是數值

0返回true，非0(包括Infinity)返回false

4、操作數是null，undefined，NaN

返回true

console.log(!null); //true
console.log(!NaN); //true
console.log(!undefined); //true