如何从对象数组中过滤一个值并将其减少为每个值一个结果而不重复[重复]

Question

这个问题在这里已经有了答案：

获取 JavaScript 数组中的所有唯一值（删除重复项） （104 个答案）

从数组中删除重复项17 个答案

5 个月前关闭。

我正在尝试在 javascript 中构建一种方法，该方法可以从 object 的数组中过滤一个唯一值，并且结果该值只有一次而没有重复

分享我想要实现的片段和更多细节

 const arr = [{ "id": "1", "value": "something" }, { "id": "1", "value": "something" }, { "id": "2", "value": "something" }, { "id": "2", "value": "something" }, { "id": "3", "value": "something" }, { "id": "3", "value": "something" }, { "id": "3", "value": "something" }]; const result = arr.filter(res => res.id).map(ele => ele.id); console.log(result);

如您所见，结果是这样的数组

["1", "1", "2", "2", "3", "3", "3"]

我想得到如下

["1", "2", "3"]

这个想法是每个结果只提取一个 ID。

Answer 1

您可以按如下方式使用Set ：

 const arr = [ { "id": "1", "value": "something" }, { "id": "1", "value": "something" }, { "id": "2", "value": "something" }, { "id": "2", "value": "something" }, { "id": "3", "value": "something" }, { "id": "3", "value": "something" }, { "id": "3", "value": "something" } ]; const result = [...arr.reduce((set,{id}) => { set.add(id); return set; }, new Set)]; console.log(result);