JavaScript的相等比較(==)和(===)及Object.is()的區(qū)別

王軍發(fā)布于2019-08-23 12:39 / 3214人閱讀

摘要：原始類型值比較原始類型值有五種布爾值字符串?dāng)?shù)值。用來(lái)比較兩個(gè)值是否嚴(yán)格相等，與嚴(yán)格比較運(yùn)算符的行為基本一致。返回布爾值，相等返回，不相等返回。

比較運(yùn)算符之相等運(yùn)算符

ES5 比較兩個(gè)值是否相等，只有兩個(gè)運(yùn)算符：相等運(yùn)算符（==）和嚴(yán)格相等運(yùn)算符（===）。前者在比較時(shí)對(duì)于不同數(shù)據(jù)類型的值會(huì)進(jìn)行類型轉(zhuǎn)換；而后者不會(huì)轉(zhuǎn)換，且結(jié)果更容易預(yù)測(cè)，并且因?yàn)闆](méi)有隱式轉(zhuǎn)換，全等比較的運(yùn)行會(huì)更快。因此建議使用嚴(yán)格相等運(yùn)算符===進(jìn)行值的比較。

嚴(yán)格相等運(yùn)算符 === （1）不同類型的值比較

如果比較的兩個(gè)值的類型不同，直接返回false。

1 === "1"        // false
true === "true"  // false

（2）原始類型值比較

原始類型值有五種：undefined、null、布爾值（Boolean）、字符串（String）、數(shù)值（Number）。

1. 非數(shù)值類型比較

值相同就返回true，值不同就返回false。

null === null        // true
null === undefined   // false

2. 數(shù)值類型比較

正常情況下值相同就返回true，值不同就返回false。但有兩個(gè)特殊情況：

一是0不分正負(fù)

0 === -0   //true

二是 NaN 本身不全等于任何值。

NaN === NaN   //false
NaN !== NaN   //true

也就是說(shuō) 等式 (x !== x) 成立的唯一情況是 x 的值為 NaN。

(3) 復(fù)合類型值比較

復(fù)合類型的值實(shí)際上存儲(chǔ)的是數(shù)據(jù)的內(nèi)存地址，因此兩個(gè)復(fù)合類型（對(duì)象、數(shù)組、函數(shù)）的數(shù)據(jù)比較時(shí)，不是比較它們的值是否相等，而是比較它們是否指向同一個(gè)地址。

{} === {} // false
[] === [] // false
(function () {} === function () {}) // false

上面代碼分別比較兩個(gè)空對(duì)象、兩個(gè)空數(shù)組、兩個(gè)空函數(shù)，結(jié)果都是不相等。那是因?yàn)榭諏?duì)象、空數(shù)組、空函數(shù)的值，都存放在不同的內(nèi)存地址，因此結(jié)果是false。

而如果兩個(gè)變量引用同一個(gè)對(duì)象，那它們則相等，因?yàn)樗鼈円玫膶?duì)象存儲(chǔ)在同一個(gè)內(nèi)存地址。

var v1 = {};
var v2 = v1;
v1 === v2 // true

相等運(yùn)算符 ==

相等運(yùn)算符用來(lái)比較相同類型的數(shù)據(jù)以及復(fù)合類型數(shù)據(jù)時(shí)，與嚴(yán)格相等運(yùn)算符完全一樣。比較不同類型的數(shù)據(jù)時(shí)，相等運(yùn)算符會(huì)先將數(shù)據(jù)進(jìn)行類型轉(zhuǎn)換，然后再用嚴(yán)格相等運(yùn)算符比較。

（1）原始類型值比較

原始類型的值會(huì)轉(zhuǎn)換成數(shù)值再進(jìn)行比較。轉(zhuǎn)換規(guī)則是使用 Number() 轉(zhuǎn)換。

1 == true // true    // 等同于 1 === Number(true)
0 == false // true  // 等同于 0 === Number(false)
"true" == true // false  // 等同于 Number("true") === Number(true)
"" == 0 // true         // 等同于 Number("") === 0
"" == false  // true  // 等同于 0 === 0
"
  123  	" == 123  // true  // 因?yàn)樽址D(zhuǎn)為數(shù)字時(shí)，省略前置和后置的空格

（2） undefined 和 null

undefined 和 null 與其他類型的值比較時(shí)，結(jié)果都為 false，它們互相比較時(shí)結(jié)果為 true。

false == null         // false
false == undefined    // false
0 == null            // false
0 == undefined       // false
NaN == undefined     // false
undefined == null    // true

（3）對(duì)象與原始類型值比較

對(duì)象（這里指廣義的對(duì)象，包括數(shù)組和函數(shù)）與原始類型的值比較時(shí)，對(duì)象轉(zhuǎn)換成原始類型的值，再進(jìn)行比較。

1. 對(duì)象與數(shù)值比較時(shí)，對(duì)象轉(zhuǎn)為數(shù)值 Number()

[1] == 1 // true
// 等同于 Number([1]) == 1

2. 對(duì)象與字符串比較時(shí)，對(duì)象轉(zhuǎn)為字符串 String()

[1] == "1" // true
// 等同于 String([1]) == "1"
[1, 2] == "1,2" // true
// 等同于 String([1, 2]) == "1,2"

3. 對(duì)象與布爾值比較時(shí)，兩邊都轉(zhuǎn)為數(shù)值

[1] == true // true
// 等同于 Number([1]) == Number(true)
[2] == true // false
// 等同于 Number([2]) == Number(true)

Object.is(value1, value2)

相等運(yùn)算符（==）和嚴(yán)格相等運(yùn)算符（===）都有缺點(diǎn)，前者會(huì)自動(dòng)轉(zhuǎn)換數(shù)據(jù)類型，后者的NaN不等于自身，以及+0等于-0。因此 ES6 的新方法Object.is可以用來(lái)解決這個(gè)問(wèn)題。

Object.is 用來(lái)比較兩個(gè)值是否嚴(yán)格相等，與嚴(yán)格比較運(yùn)算符（===）的行為基本一致。返回布爾值，相等返回 true，不相等返回 false。

不同之處只有兩個(gè)：一是+0不等于-0，二是NaN等于自身。

+0 === -0 //true
NaN === NaN // false

Object.is(+0, -0) // false
Object.is(NaN, NaN) // true

對(duì)于不兼容 ES6 的瀏覽器，可以在ES5 環(huán)境下通過(guò)下面的代碼，部署Object.is。

Object.defineProperty(Object, "is", {
  value: function(x, y) {
    if (x === y) {
      // 針對(duì)+0 不等于 -0的情況
      return x !== 0 || 1 / x === 1 / y;
    }
    // 針對(duì)NaN的情況
    return x !== x && y !== y;
  },
  configurable: true,
  enumerable: false,
  writable: true
});

判斷相等一覽表

云服務(wù)器 GPU云服務(wù)器 php和javascript的區(qū)別 javascript和jquery的區(qū)別 jquery和javascript的區(qū)別 javascript和php的區(qū)別

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/98896.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

王軍

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

raksmart，中國(guó)香港機(jī)房服務(wù)器測(cè)評(píng)（大陸優(yōu)化線路）

閱讀 2530·2021-08-11 11:16
前端基礎(chǔ)入門(mén)四（JavaScript基礎(chǔ)）

閱讀 2957·2019-08-30 15:55
編程開(kāi)發(fā)資源導(dǎo)航

閱讀 3356·2019-08-30 12:53
CSS自定義變量屬性——像less，sass那樣在css中使用變量（譯）

閱讀 1603·2019-08-29 13:28
塊級(jí)元素和行內(nèi)元素的區(qū)別

閱讀 3289·2019-08-28 18:17
this關(guān)鍵字

閱讀 968·2019-08-26 12:19
基于Webpack/TypeScript/Koa的環(huán)境配置

閱讀 2494·2019-08-23 18:27
設(shè)計(jì)模式：從ES5 到 TypeScript ——單例模式

閱讀 739·2019-08-23 18:17

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JavaScript的相等比較(==)和(===)及Object.is()的區(qū)別

1. 非數(shù)值類型比較

2. 數(shù)值類型比較

1. 對(duì)象與數(shù)值比較時(shí)，對(duì)象轉(zhuǎn)為數(shù)值 Number()

2. 對(duì)象與字符串比較時(shí)，對(duì)象轉(zhuǎn)為字符串 String()

3. 對(duì)象與布爾值比較時(shí)，兩邊都轉(zhuǎn)為數(shù)值

相關(guān)文章

前端面經(jīng)整理之JS和CSS

前端面經(jīng)整理之JS和CSS

【重溫基礎(chǔ)】18.相等性判斷

**【前端工程師手冊(cè)】說(shuō)清楚JavaScript中的相等性判斷**

**解析JavaScript判斷兩個(gè)值相等的方法**

發(fā)表評(píng)論

0條評(píng)論

王軍

男|高級(jí)講師

TA的文章

raksmart，中國(guó)香港機(jī)房服務(wù)器測(cè)評(píng)（大陸優(yōu)化線路）

前端基礎(chǔ)入門(mén)四（JavaScript基礎(chǔ)）

編程開(kāi)發(fā)資源導(dǎo)航

CSS自定義變量屬性——像less，sass那樣在css中使用變量（譯）

塊級(jí)元素和行內(nèi)元素的區(qū)別

this關(guān)鍵字

基于Webpack/TypeScript/Koa的環(huán)境配置

設(shè)計(jì)模式：從ES5 到 TypeScript ——單例模式

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JavaScript的相等比較(==)和(===)及Object.is()的區(qū)別

1. 非數(shù)值類型比較

2. 數(shù)值類型比較

1. 對(duì)象與數(shù)值比較時(shí)，對(duì)象轉(zhuǎn)為數(shù)值 Number()

2. 對(duì)象與字符串比較時(shí)，對(duì)象轉(zhuǎn)為字符串 String()

3. 對(duì)象與布爾值比較時(shí)，兩邊都轉(zhuǎn)為數(shù)值

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

1. 對(duì)象與數(shù)值比較時(shí)，對(duì)象轉(zhuǎn)為數(shù)值 Number()

2. 對(duì)象與字符串比較時(shí)，對(duì)象轉(zhuǎn)為字符串 String()

3. 對(duì)象與布爾值比較時(shí)，兩邊都轉(zhuǎn)為數(shù)值