javascript - 使用已删除的值创建新数组(React Native)

Question

我有一个这样的数组:

[
Object {
"hex": "#00b2b9",
"label": "text",
"value": "364",
},
Object {
"hex": "#50690e",
"label": "text",
"value": "354",
},
Object {
"hex": "#925fa3",
"label": "text",
"value": "355"
}]

我有另一个数组:

Array [
"355",
"356"
]

我想创建第一个数组，但没有包含值 355 和 356 的对象。我尝试使用 .filter()... 但我是 JS 和 React Native 的新手:-)

我尝试了一些东西，但几乎每次我只用值重新创建我的数组(我丢失了里面的对象)...

我想做的是:如果我在我的第一个数组中找到 355 和 356，我会删除包含它们的对象，然后用剩下的唯一对象(值 364)重新创建我的数组

我在想这样的事情:myFirstArray.filter(item => item.value != mySecondArray.value) 但它没有成功......

感谢帮助

Answer 1

前面的答案涉及多次迭代您的 id 数组。

一个更高效的解决方案是将 id 存储在一个集合中，然后将其与过滤器结合使用以生成新数组。

const arr = [
     {
    "hex": "#00b2b9",
    "label": "text",
    "value": "364",
    },
     ...,
     {
    "hex": "#925fa3",
    "label": "text",
    "value": "355"
    }];

const ids = ["354", "355"];

const idSet = new Set(ids);
const output = arr.filter(e => !idSet.has(e.value));