2 つのオブジェクトが等しいかどうかを徹底的に比較します

== と === を比較します

2 つの Object タイプのオブジェクトは、同じプロパティと同じ値を持っている場合でも、比較に == または === を使用する場合には等しいとみなされません。これは、値によって比較されるプリミティブ型とは異なり、参照 (メモリ内の場所) によって比較されるためです。

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

再帰的な詳細比較

オブジェクトの「値の等しいかどうか」をチェックするには、基本的にオブジェクトの各プロパティを反復処理して、それらが等しいかどうかを比較します。

/*
 * @param x {Object} 对象1
 * @param y {Object} 对象2
 * @return  {Boolean} true 为相等，false 为不等
 */
export function deepEqual(x, y) {
    
    
  // 指向同一内存时 直接返回true
  if (x === y) {
    
    
    return true;
  } 
  if ((typeof x === "object" && x !== null) && (typeof y === "object" && y !== null)) {
    
    
    if (Object.keys(x).length !== Object.keys(y).length) {
    
    
      // 键的数量不相等，直接返回false
      return false;
    }
    for (const prop in x) {
    
    
      if (y.hasOwnProperty(prop)) {
    
      
        if (!deepEqual(x[prop], y[prop])) return false;
      } else {
    
    
        return false;
      }
    }
    return true;
  }
  return false;
}

lodash —— isEqual

var object = {
    
     'a': 1 };
var other = {
    
     'a': 1 };
 
_.isEqual(object, other);
// => true
 
object === other;
// => false