如何移除与def数组非null id不匹配的array数组元素？

先从def数组中提取所有非null的id并存入Set（用Set是因为它的查找效率比普通数组更高），再用这个Set过滤array数组，只保留name匹配有效id的元素即可。

完整代码实现 #

let array = [
    {name: "60", origin: "tcs"},
    {name: "70", origin: "cfs"},
    {name: "80", origin: "ehg"},
];
let def = [
    {id: "60", testorigin: "tcs"},
    {id: null, testorigin: "cfs"},
    {id: "80", testorigin: "ehg"},
];

// 提取def中非null的id，存入Set提升查询效率
const validIds = new Set(def.filter(item => item.id !== null).map(item => item.id));

// 过滤array数组，保留name匹配有效id的元素
const filteredArray = array.filter(item => validIds.has(item.name));

console.log(filteredArray);

代码说明 #

1. 提取有效id集合：先用filter排除def中id为null的元素，再用map提取剩余元素的id，最后存入Set。Set的has方法查询时间复杂度为O(1)，比数组的includes（O(n)）更高效，数据量大时优势明显。
2. 过滤目标数组：用filter遍历array，仅保留name存在于validIds中的元素，得到期望结果。

输出结果 #

[
    {name: "60", origin: "tcs"},
    {name: "80", origin: "ehg"},
]

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