递归对比对象函数

最新推荐文章于 2024-09-10 09:55:59 发布

```陪伴

最新推荐文章于 2024-09-10 09:55:59 发布

阅读量136

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/Jk200165/article/details/131935300

版权

文章讲述了在JavaScript中，对象间的比较不基于属性值而是基于引用。为了实现属性值的深度比较，提供了一个`deepEqual`函数，该函数递归地比较对象的所有属性，包括子对象，确保所有属性都匹配。示例展示了如何使用这个函数来判断两个对象是否相等。

摘要由CSDN通过智能技术生成

在JavaScript中，对象之间的比较通常通过引用进行。当你使用==运算符比较两个对象时，它会检查它们是否引用了同一个内存地址，而不是逐个比较对象的属性。

上图可见，obj1和{}是两个不同的对象，尽管它们具有相同的结构（都是空对象）。因此，使用==进行比较将返回false，因为它们并不是同一个内存中的对象。

进行对象递归对比

函数如下

function deepEqual(obj1, obj2) {
  // 检查类型和可枚举属性数量
  if (typeof obj1 !== typeof obj2 || Object.keys(obj1).length !== Object.keys(obj2).length) {
    return false;
  }

  // 逐个比较属性值
  for (var prop in obj1) {
    if (obj1.hasOwnProperty(prop)) {
      if (typeof obj1[prop] === 'object') {
        // 递归比较子对象
        if (!deepEqual(obj1[prop], obj2[prop])) {
          return false;
        }
      } else if (obj1[prop] !== obj2[prop]) {
        return false;
      }
    }
  }

  return true;
}

var obj1 = { name: 'John', age: 30 };
var obj2 = { name: 'John', age: 30 };
var obj3 = { name: 'Jane', age: 25 };

console.log(deepEqual(obj1, obj2)); // 输出 true
console.log(deepEqual(obj1, obj3)); // 输出 false