JavaScript 中，如何判斷兩個對象是否相等？

前言：如何判斷兩個對象是否相等？

兩個Object類型對象，即便擁有相同屬性、相同值，當使用 == 或 === 進行比較時，也不認爲他們相等。這就是由於他們是經過引用（內存裏的位置）比較的，不像基本類型是經過值比較的。

var obj1 = {
    name: "xiaoming",
    sex : "male"
}
 
var obj2 = {
    name: "xiaoming",
    sex : "male"
}
 
console.log(obj1 === obj2); // false
複製代碼

可是若是淺拷貝指向同一內存的時候，此時兩個對象相等。

var obj1 = {
    name: "xiaoming",
    sex : "male"
};
 
var obj2 = {
    name: "xiaoming",
    sex : "male"
};
 
var obj3 = obj1;
 
console.log(obj1 === obj3); // true
 
console.log(obj2 === obj3); // false

複製代碼

正如你所看想的，檢查對象的「值相等」咱們基本上是要遍歷的對象的每一個屬性，看看它們是否相等

/*
 * @param x {Object} 對象1
 * @param y {Object} 對象2
 * @return  {Boolean} true 爲相等，false 爲不等
 */
var deepEqual = function (x, y) {
  // 指向同一內存時
  if (x === y) {
    return true;
  }
  else if ((typeof x == "object" && x != null) && (typeof y == "object" && y != null)) {
    if (Object.keys(x).length != Object.keys(y).length)
      return false;

    for (var prop in x) {
      if (y.hasOwnProperty(prop))
      {  
        if (! deepEqual(x[prop], y[prop]))
          return false;
      }
      else
        return false;
    }

    return true;
  }
  else 
    return false;
}
複製代碼

雖然這個簡單的實現適用於咱們的例子中，有不少狀況下，它是不能處理。例如：

1. 若是該屬性值之一自己就是一個對象嗎？
2. 若是屬性值中的一個是NaN（在JavaScript中，是否是等於本身惟一的價值？
3. 若是一個屬性的值爲undefined，而另外一個對象沒有這個屬性（於是計算結果爲不肯定？）

結語：

檢查對象的「值相等」的一個強大的方法，最好是依靠完善的測試庫，涵蓋了各類邊界狀況。Underscore和Lo-Dash有一個名爲_.isEqual()方法，用來比較好的處理深度對象的比較。

最後附上Underscore裏的_.isEqual()源碼地址： github.com/hanzichi/un…

感謝您的閱讀，但願此篇文章對您有所幫助，以上有不足的地方，歡迎在評論區多多指教！！！