JavaScript中如何对比对象数组的键并修改原数组？

需求：对比两个对象数组的键，修改原数组result1，使其结构与目标数组result2完全匹配——每个对象只保留目标数组对应位置对象的键，值保持一致（或同步目标值）。

原代码问题分析 #

你原来的代码存在两个核心问题：

1. filter方法仅返回新数组，不会修改原数组，所以result1输出和初始状态一致
2. forEach回调里的return仅终止当前循环的回调函数，无法让外层的some或filter获取到匹配结果，导致判断逻辑完全失效

正确实现方案 #

下面的代码直接修改原数组，让每个对象只保留目标数组对应位置对象的键：

let result1 = [
  { a: 10, b: 20, c: 22 },
  { a: 20, b: 33, c: 11 },
];
let result2 = [
  { a: 10, b: 20 },
  { a: 20, b: 33 },
];

// 遍历两个数组的对应元素（假设数组长度一致）
result1.forEach((obj, index) => {
  // 获取目标对象的所有键
  const targetKeys = Object.keys(result2[index]);
  // 删除原对象中不在目标键列表里的属性
  Object.keys(obj).forEach(key => {
    if (!targetKeys.includes(key)) {
      delete obj[key];
    }
  });
});

console.log(result1);
// 输出符合预期：
// [ { a: 10, b: 20 }, { a: 20, b: 33 } ]

进阶：处理数组长度不一致+同步目标值 #

如果需要兼容两个数组长度不同的情况，或是要同步目标数组的键值（比如原对象键存在但值不同），可以用以下代码：

const maxLength = Math.min(result1.length, result2.length);

for (let i = 0; i < maxLength; i++) {
  const currentObj = result1[i];
  const targetObj = result2[i];
  const targetKeys = Object.keys(targetObj);

  // 步骤1：删除原对象多余的键
  Object.keys(currentObj).forEach(key => {
    if (!targetKeys.includes(key)) {
      delete currentObj[key];
    }
  });

  // 步骤2：同步目标对象的键值（可选，根据需求决定是否添加）
  targetKeys.forEach(key => {
    currentObj[key] = targetObj[key];
  });
}

内容的提问来源于stack exchange，提问作者Kavya Pathak