对比两个对象数组找差异遇迭代问题，求修正方案（含API调用需求）

我来帮你梳理下这个问题～你当前的嵌套循环逻辑存在明显问题，导致输出的postArr不符合预期——只要新数组的元素和旧数组中任意一个uuid不匹配，就会把它push到数组里，这样同一个新增元素会被重复添加多次（比如'e'会和旧数组的'b'、'c'各对比一次，就会被push两次），完全达不到你要筛选「新数组有但旧数组没有」元素的目的。

一、正确筛选新增元素（需要调用POST API的项） #

推荐用Set来优化查找效率，先把旧数组的uuid提取到一个Set集合中（查找时间复杂度O(1)），再用filter筛选出新数组中不在旧数组里的元素，最后转换成你需要的格式：

// 提取旧数组的uuid到Set，方便快速判断
const oldUuids = new Set(this.old.map(item => item.uuid));
// 筛选新增项并转换格式
const postArr = this.new
  .filter(item => !oldUuids.has(item.uuid))
  .map(item => ({ name: 1, uuid: item.uuid }));

console.log(postArr); // 输出: [{name:1, uuid:'e'}, {name:1, uuid:'f'}]

二、正确筛选待删除元素（需要调用Delete API的项） #

逻辑类似，这次提取新数组的uuid到Set，筛选旧数组中不在新数组里的元素：

// 提取新数组的uuid到Set
const newUuids = new Set(this.new.map(item => item.uuid));
// 筛选待删除项并转换格式
const deleteArr = this.old
  .filter(item => !newUuids.has(item.uuid))
  .map(item => ({ name: 1, uuid: item.uuid }));

console.log(deleteArr); // 输出: [{name:1, uuid:'b'},{name:1, uuid:'c'}]

三、如果一定要用for循环实现（兼容旧环境） #

如果你因为环境限制必须用基础的for循环，那需要调整逻辑：对每个新数组元素，先默认它是新增的，遍历旧数组找到匹配的uuid就标记为非新增，最后只push标记为新增的元素：

const postArr = [];
for (let i = 0; i < this.new.length; i++) {
  let isNewItem = true;
  for (let o = 0; o < this.old.length; o++) {
    if (this.new[i].uuid === this.old[o].uuid) {
      isNewItem = false;
      break; // 找到匹配项就终止内层循环，提升效率
    }
  }
  if (isNewItem) {
    postArr.push({ name: 1, uuid: this.new[i].uuid });
  }
}
console.log(postArr); // 正确输出新增项

为什么你的原代码不正确？ #

原代码中，只要新数组元素和旧数组的某一个uuid不相等就执行push，比如新数组的'e'：

• 和旧数组的'a'对比：相等，不push
• 和旧数组的'b'对比：不等，push一次
• 和旧数组的'c'对比：不等，又push一次
  最终postArr里会有两个'e'，这显然不是你想要的结果。

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