从对象数组中，收集并删除JavaScript中所有属性的重复项

Question

给定一组数据，例如：

[
  { name: 'apple',      color: 'red',    hasPeel: false },
  { name: 'banana',     color: 'yellow', hasPeel: true },
  { name: 'orange',     color: 'orange', hasPeel: true },
  { name: 'strawberry', color: 'red',    hasPeel: false }
]

我想要一个像这样的对象：

{
  name: ['apple', 'banana', 'orange', 'strawberry'],
  color: ['red', 'yellow', 'orange'],
  hasPeel: [true, false]
}

（按属性分组，删除重复项）

实现这一目标的最有效方法是什么？

我一直在尝试各种不同的ES6技巧和lodash助手，但是还没有找到仅在数组上进行一次迭代的有效方法。

Answer 1

您可以使用reduce()和forEach()方法来构建对象，使用ES6 Set来从数组中删除重复的值。

 const data = [{"name":"apple","color":"red","hasPeel":false},{"name":"banana","color":"yellow","hasPeel":true},{"name":"orange","color":"orange","hasPeel":true},{"name":"strawberry","color":"red","hasPeel":false}] const result = data.reduce((r, e) => { Object.keys(e).forEach(k => { if (!r[k]) r[k] = [e[k]] else r[k] = [...new Set(r[k]).add(e[k])] }); return r; }, {}) console.log(result) 

您可以像这样以较短的形式编写该代码。

 const data = [{ name: 'apple', color: 'red', hasPeel: false },{ name: 'banana', color: 'yellow', hasPeel: true },{ name: 'orange', color: 'orange', hasPeel: true },{ name: 'strawberry', color: 'red', hasPeel: false }] const result = data.reduce((r, e) => { Object.keys(e).forEach(k => r[k] = [...new Set(r[k]).add(e[k])]); return r; }, {}) console.log(result) 

Answer 2

 const input = [{ name: 'apple', color: 'red', hasPeel: false }, { name: 'banana', color: 'yellow', hasPeel: true }, { name: 'orange', color: 'orange', hasPeel: true }, { name: 'strawberry', color: 'red', hasPeel: false } ]; const result = {}; for (const el of input) { for (const [key, value] of Object.entries(el)) { if (!result[key]) { result[key] = [value]; } else if (!result[key].includes(value)) { result[key].push(value); } } } console.log(result) 

Answer 3

一种替代方法是使用功能reduce ， forEach分组和功能includes检查重复项。

 var array = [{ name: 'apple', color: 'red', hasPeel: false },{ name: 'banana', color: 'yellow', hasPeel: true },{ name: 'orange', color: 'orange', hasPeel: true },{ name: 'strawberry', color: 'red', hasPeel: false }]; var result = array.reduce((a, c) => { Object.keys(c).forEach(k => { if (!(a[k] || (a[k] = [])).includes(c[k])) a[k].push(c[k]); }); return a; }, {}); console.log(result); 

 .as-console-wrapper { max-height: 100% !important; top: 0; } 

Answer 4

很高兴看到您尝试过的问题以及遇到的问题，以及为什么发现自己的解决方案效率低下。 无论如何，这是另一个解决方案，它至少需要ES2018或您可以使用babel进行翻译。

 const data = [{ name: "apple", color: "red", hasPeel: false }, { name: "banana", color: "yellow", hasPeel: true }, { name: "orange", color: "orange", hasPeel: true }, { name: "strawberry", color: "red", hasPeel: false } ]; const x = [...data.reduce((map, object) => { for (let [key, value] of Object.entries(object)) { if (map.has(key)) { map.get(key).add(value); } else { map.set(key, new Set([value])); } } return map; }, new Map())].reduce((object, [key, set]) => ({ ...object, [key]: [...set] }), {}); console.log(x);