js过滤取出对象中改变的属性和值

百事可乐☆

已于 2024-02-22 09:13:11 修改

阅读量596

点赞数 12

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

于 2024-02-21 11:05:47 首次发布

本文链接：https://blog.csdn.net/m0_61672533/article/details/136206570

版权

文章介绍了两种JavaScript方法，用于检测两个对象中被改变的属性和值，方法1直接比较键值对，而方法2递归地检查嵌套对象。

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

朋友公司的面试题，取出对象中被改变的属性和值

const obj1 = { a: 1, b: 2, c: 4 };

const obj2 = { a: 1, b: 2, c: 5 };

方法1

 function testFun(obj1, obj2) {
          const diff = {};
          const keys1 = Object.keys(obj1);
          const keys2 = Object.keys(obj2);
          const allKyes = keys1.filter((key) => keys2.includes(key));
          allKyes.forEach((key) => {
                 if (obj1[key] !== obj2[key]) {
                      diff[key] = obj2[key];
                  }
          });
          return Object.keys(diff).length > 0 ? diff : null;
}
console.log(testFun(obj1, obj2));
// 打印 {c:5}

方法2

function testFun1(object, other) {
         let diff = {};
         let vChildren;
         for (var key in object) {
             if (typeof object[key] === "object" && typeof other[key] === "object" && object[key] && other[key]) {
                  vChildren = testFun1(object[key], other[key]);
                  if (Object.keys(vChildren).length > 0) {
                    diff[key] = other[key];
                  }
             } else if (object[key] !== other[key]) {
                  diff[key] = other[key];
             }
         }
          return diff;
}
console.log(testFun1(obj1, obj2));
// 打印  {c:5}