深度比较两个对象是否相等

== 和 === 比较

两个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

猜你喜欢

转载自blog.csdn.net/qq_44376306/article/details/126287370