比较javascript中的数组，并创建一个被删除的元素的新数组

Question

我有两个颜色数组，我想返回那些在local数组中并且在API response中不可用的对象

API响应数组

[
{
"id": 25,
"color": "#00ad02"
},
{
"id": 28,
"color": "#e1b12c"
}
]

本地数组

[
{
"id": 26,
"color": "#00ad02",
},
{
"color": "#e1b12c",
"id": 28,
}
]

遍历两个数组并返回API响应数组中没有包含的数组。这里我在寻找id25的输出

Answer 1

数组的filter和some方法可以用来查找其他数组中不存在的元素。

filter方法创建一个包含所有通过所提供函数实现的测试的元素的新数组。在这里阅读

some方法测试数组中是否至少有一个元素通过所提供的函数实现的测试。如果在数组中找到所提供函数为其返回true的元素，则返回true;否则返回false。它不会修改数组。在这里阅读

const notFoundElements = aprResponse.filter(
(r) => !localResponse.some((l) => l.id === r.id)
);

Answer 2

apiResponsesArr.filter(resValue => !localArr.some(localValue => localValue.id===resValue.id))