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

小果运维

于 2024-01-11 14:33:22 发布

阅读量782

点赞数 8

文章标签：前端 javascript vue.js

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

版权

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