Lodash工具比较两个｛｝对象是否有变化

最新推荐文章于 2024-09-11 00:06:23 发布

小果运维

最新推荐文章于 2024-09-11 00:06:23 发布

阅读量987

点赞数 8

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/zrc_xiaoguo/article/details/135528672

版权

本文介绍了JavaScript中的isEqual和deepEqual函数，强调了它们在比较对象时的差异，尤其是在处理对象嵌套和属性顺序时。isEqual仅检查基本类型和引用是否相等，而deepEqual则进行深度递归比较。

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

import isEqual from 'lodash/isEqual';

const obj1 = { key1: 'value1', key2: 'value2' };
const obj2 = { key1: 'value1', key2: 'value2' };
const obj3 = { key1: 'value1', key2: 'value3' };

// 使用 isEqual 比较两个对象
console.log(isEqual(obj1, obj2)); // true，因为内容相同
console.log(isEqual(obj1, obj3)); // false，因为内容不同

function deepEqual(obj1: any, obj2: any): boolean {
  if (typeof obj1 !== 'object' || typeof obj2 !== 'object') {
    return obj1 === obj2;
  }

  const keys1 = Object.keys(obj1);
  const keys2 = Object.keys(obj2);

  if (keys1.length !== keys2.length) {
    return false;
  }

  for (const key of keys1) {
    if (!keys2.includes(key) || !deepEqual(obj1[key], obj2[key])) {
      return false;
    }
  }

  return true;
}

const obj1 = { key1: 'value1', key2: 'value2' };
const obj2 = { key1: 'value1', key2: 'value2' };
const obj3 = { key1: 'value1', key2: 'value3' };

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