欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript相等判斷的避坑實(shí)戰(zhàn)指南

 更新時(shí)間:2022年08月25日 16:16:01   作者:夢想敲木魚  
JavaScript中的相等性判斷,在項(xiàng)目開發(fā)中,我經(jīng)常會遇到,今天我們一起探討下,下面這篇文章主要給大家介紹了關(guān)于JavaScript相等判斷的避坑實(shí)戰(zhàn)指南,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

JS中的相等性

1、嚴(yán)格相等(===)

嚴(yán)格相等本質(zhì)上是判斷一個(gè)值是否與自身相等,在比較前不進(jìn)行隱式類型轉(zhuǎn)換。當(dāng)被比較的兩個(gè)值類型相同,值也相同,且不是Number類型時(shí),這兩個(gè)值是全等的。當(dāng)兩個(gè)值類型是Number時(shí),我們需要注意NaN,NaN和NaN不相等,+0和-0全等,其余情況,只要值相等,就是全等的。

NaN === NaN //false
+0 === -0 // true
undefined === undefined //true
null === null //true
undefined === null //false
({}) === {} //false
3 === '3' //false
3 === 3 //true
true === true //true
false === 0 //false

2、非嚴(yán)格相等(抽象相等)(==)

判斷比較的兩個(gè)值是否相等,在比較前會轉(zhuǎn)化為相同的類型,轉(zhuǎn)換類型后,和嚴(yán)格相等(===)比較規(guī)則一致。

比較規(guī)則(A/B)undefinednullNumberStringBooleanObject
undefinedtruetruefalsefalsefalsefalse
nulltruetruefalsefalsefalsefalse
NumberfalsefalseA === BtoNumber(B)===AtoNumber(B)===AtoPrimetive(B) == A
StringfalsefalsetoNumber(A)===BA===BtoNumber(A)===toNumber(B)toPrimetive(B) == A
BooleanfalsefalsetoNumber(A)===BtoNumber(A)===toNumber(B)A===BtoPrimetive(B) == toNumber(A)
ObjectfalsefalsetoPrimitive(A) == BtoPrimitive(A) == BtoPrimetive(A) == toNumber(B)A===B
null == undefined // true
null == 0 // false
null == '' // false
null == 'null' //false
null == false // false
null == [] //false
null == {} //false
null == NaN //false
undefined == 0 //false
undefined == '' //false
undefined == 'undefined' //false
undefined == false //false
undefined == [] //false
undefined == {} //false
undefined == NaN //false
'' == 0 //true
'' == false //true
'' == [] //true
'' == {} // false
0 == false // true
0 == [] // true
0 == {} // false
true == '1' //true
true == 'true' //false
true == 1 // true
true == [] //false
false == [] //true
true == {} //false
([]) == [] //false
({}) == {} //false
3 == '3'  //true
NaN == NaN // false
+0 == -0 // true

總結(jié)規(guī)律可得: undefined和null認(rèn)為值相等,但是當(dāng)undefined和null與其他類型進(jìn)行相等比較時(shí),不進(jìn)行隱式類型轉(zhuǎn)換,與其他的任何類型值都不相等,所有對象與undefined和null不相等,但是有個(gè)特例,如:document.all == undefineddocument.all == null均為true

嚴(yán)格相等和非嚴(yán)格相等比較可得:嚴(yán)格相等的結(jié)果更具預(yù)測性,且無需進(jìn)行類型轉(zhuǎn)換,效率也更高

3、同值相等

同值相等是用來判斷兩個(gè)值是否是同一個(gè)值,通過Object.is()來判斷,是es6新方法。有點(diǎn)類似于嚴(yán)格相等,不會對傳入的兩個(gè)參數(shù)值進(jìn)行隱式類型轉(zhuǎn)換,但是與嚴(yán)格相等又不完全相同,在對待+0、-0以及NaN上不一致

  • 都是undefined
  • 都是null
  • 相同的兩個(gè)字符串
  • 都是true或者都是false
  • 引用值相同的兩個(gè)對象
  • 都是NaN
  • 都是不為NaN且不為0的值相同的數(shù)字
  • 都是+0或者都是-0
Object.is(NaN, NaN) //true
Object.is(NaN, 0 / 0) // true
Object.is(+0, -0) // false
Object.is(+0, +0) //true
Object.is(undefined, undefined) //true
Object.is(null, null) //true
Object.is(undefined, null) //false
Object.is({}, {}) //false
Object.is(3, '3') //false
Object.is(3, 3) //true
Object.is(true, true) //false
Object.is(false, 0) //false

4、零值相等

**與同值相等類似,認(rèn)為+0和-0相等**

Object.is()實(shí)現(xiàn)方案

// 實(shí)現(xiàn)方案:
Object.defineProperty(Object, "is", {
    value: function (x, y) {
        if (x === y) {
            // 需要區(qū)分一下+0和-0
            return x !== 0 || 1 / x === 1 / y
        } else {
            // 需要區(qū)分一下NaN
            return x !== x && y !== y
        }
    }
})

總結(jié)

到此這篇關(guān)于JavaScript相等判斷避坑的文章就介紹到這了,更多相關(guān)JavaScript相等判斷避坑內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JS如何判斷json是否為空

    JS如何判斷json是否為空

    本文重點(diǎn)給大家介紹js判斷json對象是否為空的知識,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧
    2016-07-07
  • JavaScript注冊監(jiān)聽事件和清除監(jiān)聽事件方式詳解

    JavaScript注冊監(jiān)聽事件和清除監(jiān)聽事件方式詳解

    js中事件監(jiān)聽就是利用addEventListener來綁定一個(gè)事件,這個(gè)用法在jquery中非常常用并且簡單,但在原生js中比較復(fù)雜,下面這篇文章主要給大家介紹了關(guān)于JavaScript注冊監(jiān)聽事件和清除監(jiān)聽事件方式的相關(guān)資料,需要的朋友可以參考下
    2023-05-05
  • javascript一些實(shí)用技巧小結(jié)

    javascript一些實(shí)用技巧小結(jié)

    javascript一些實(shí)用技巧小結(jié),學(xué)習(xí)js的朋友可以看下。
    2011-03-03
  • JavaScript實(shí)現(xiàn)的開關(guān)燈泡點(diǎn)擊切換特效示例

    JavaScript實(shí)現(xiàn)的開關(guān)燈泡點(diǎn)擊切換特效示例

    這篇文章主要介紹了JavaScript實(shí)現(xiàn)的開關(guān)燈泡點(diǎn)擊切換特效,涉及javascript事件響應(yīng)及頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2019-07-07
  • javascript時(shí)間函數(shù)基礎(chǔ)介紹

    javascript時(shí)間函數(shù)基礎(chǔ)介紹

    這篇文章主要介紹了javascript中提供了Date對象來進(jìn)行時(shí)間和日期的計(jì)算,這里簡單的介紹下, 方便需要的朋友
    2013-03-03
  • 探討js字符串?dāng)?shù)組拼接的性能問題

    探討js字符串?dāng)?shù)組拼接的性能問題

    這篇文章主要介紹了有關(guān)js對字符串?dāng)?shù)組進(jìn)行拼接的性能問題,字符串連接一直是js中性能最低的操作之一,應(yīng)該如何解決呢?請參看本文的介紹
    2014-10-10
  • 詳解javascript獲取url信息的常見方法

    詳解javascript獲取url信息的常見方法

    本篇文章主要對javascript獲取url信息的常見方法進(jìn)行介紹,具有很好的參考價(jià)值,需要的朋友一起來看下吧
    2016-12-12
  • javascript 中按屬性值查找數(shù)組中的對象多種方法

    javascript 中按屬性值查找數(shù)組中的對象多種方法

    JavaScript 數(shù)組可以保存混合類型的不同值,例如字符串、空值或布爾值,并且不需要數(shù)組的大小來指定它在哪里自動(dòng)增長和動(dòng)態(tài),這篇文章主要介紹了javascript 中按屬性值查找數(shù)組中的對象多種方法,需要的朋友可以參考下
    2023-06-06
  • JavaScript如何實(shí)現(xiàn)LRU緩存淘汰算法

    JavaScript如何實(shí)現(xiàn)LRU緩存淘汰算法

    LRU(Least Recently Used)緩存淘汰算法是一種常見的緩存淘汰策略,它的核心思想是優(yōu)先淘汰最近最少使用的緩存數(shù)據(jù),以保證緩存中的數(shù)據(jù)始終是最熱門的。本文主要介紹了一些關(guān)于如何實(shí)現(xiàn)LRU緩存淘汰算法的方法,感興趣的小伙伴可以參考一下
    2023-04-04
  • es6新特性之 class 基本用法解析

    es6新特性之 class 基本用法解析

    這篇文章主要介紹了es6新特性之 class 基本用法 ,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2018-05-05

最新評論