JavaScript中如何比較兩個對象是否相等

這篇文章給大家分享的是有關JavaScript中如何比較兩個對象是否相等的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

這是我在一次面試中，被面試官所提問的一道題

在這次面試題中

相等：指的是對象的屬性個數值相等

有這樣兩個obj

let obj1 = {
    name:'李德華',
    age:18,
    price:NaN
}

let obj2 = {
    name:'張德華',
    age:18,
    price:NaN
}

我能想到的一種方案

function compare(obj1,obj2){
    if(Object.keys(obj1).length != Object.keys(obj2).length){
      return false
    }else{
      for(key in obj1){
        if(obj2.hasOwnProperty(key)){
            if( !Object.is(obj1[key],obj2[key])){
                return false;
            }
        }else{
          return false
        }
      }
      return true
    }
}

解答過程的思考

• 由于obj沒有length，我只能通過Object.keys()轉化成數組

• 進入第二步，對象中的屬性在另一個obj中是否存在。此處使用了Object.hasOwnProperty() 僅對該對象中的屬性進行對比(避免obj繼承了父級的屬性)

• 承載第二步的基礎對屬性值進行比對。ES6中Object.is()來避免出現NaN不等于自身的問題

或者使用 Underscore.js中的_.isEqual

感謝各位的閱讀！關于JavaScript中如何比較兩個對象是否相等就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！