JavaScript中对比两数组并提取缺失值存入新数组的问题

我来帮你理清这个逻辑问题～你的核心需求是从Arr2里筛选出那些在Arr1的number字段中找不到的元素，但原代码的逻辑完全搞反了，还存在重复添加的问题，我来一步步拆解：

原代码的问题分析 #

1. 逻辑方向错误：你现在是把Arr1里的元素往missing数组里塞，但实际应该关注Arr2的元素是否在Arr1中存在，只保留Arr2里不存在的那些。
2. 嵌套循环逻辑错误：只要当前Arr2的元素和Arr1里某一个元素的number不相等，就push Arr1的元素，这会导致同一个元素被多次添加（比如Arr2的3会和Arr1的1、2不匹配，于是把1、2都塞进去，这完全不是你要的结果）。

正确的解决方案 #

方法1：用filter + includes（简单直观） #

先把Arr1的number字段提取成一个数组，再用filter筛选Arr2中不在这个数组里的元素：

const arr1 = [{id:1, number:1}, {id:2, number:2},{id:3, number:3}, {id:4, number:4}];
const arr2 = [3,4,5,6];

// 提取Arr1中所有的number值
const arr1Numbers = arr1.map(item => item.number);
// 筛选Arr2中不在arr1Numbers里的元素
const missing = arr2.filter(num => !arr1Numbers.includes(num));

console.log(missing); // 输出 [5,6]

方法2：用Set优化性能（适合大数据量） #

如果Arr1的元素很多，用Set来存储number值会更高效（Set的查找是O(1)，数组的includes是O(n)）：

const arr1 = [{id:1, number:1}, {id:2, number:2},{id:3, number:3}, {id:4, number:4}];
const arr2 = [3,4,5,6];

// 把Arr1的number转成Set集合
const arr1NumberSet = new Set(arr1.map(item => item.number));
// 筛选Arr2中不在Set里的元素
const missing = arr2.filter(num => !arr1NumberSet.has(num));

console.log(missing); // 输出 [5,6]

方法3：修正嵌套循环的写法（不推荐，但符合你原代码的思路） #

如果你坚持要用嵌套循环的方式，可以这样调整逻辑：对Arr2的每个元素，先假设它不存在于Arr1，遍历Arr1找到匹配项就标记为存在，最后只把不存在的元素加入数组：

let missing = [];
const arr2 = [3,4,5,6];
const arr1 = [{id:1, number:1}, {id:2, number:2},{id:3, number:3}, {id:4, number:4}];

arr2.forEach(number => {
  let isExists = false;
  for(let i = 0; i < arr1.length; i++){
    if(number === arr1[i].number) {
      isExists = true;
      break; // 找到匹配项就跳出循环，不用继续检查
    }
  }
  // 只有当元素不存在时，才加入missing数组
  if(!isExists) {
    missing.push(number);
  }
});

console.log(missing); // 输出 [5,6]

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