如何从对象数组中的数组中获取唯一值数组？

Question

我有一个给定的对象数组，例如：

var items = [
{item: [{foo: 21, bar: 'a' }, {foo: 5,bar: 'e'},{foo: 167, bar: 'c'}]},
{item: [{foo: 42, bar: 'a' }, {foo: 45,bar: 'd'},{foo: 7, bar: 'c'}]},
{item: [{foo: 99, bar: 'b' }, {foo: 35,bar: 'c'},{foo: 22, bar: 'e'}]},
{item: [{foo: 31, bar: 'e' }, {foo: 22,bar: 'd'},{foo: 12, bar: 'a'}]}
]

我想得到一个新数组，其中 returns 所有柱形值的唯一值，所以它看起来像：

var uniqueBars = ['a','b','c','d','e'];

我有一个循环遍历所有项目的解决方案，但我猜有一种更有效的方法可以使用 ES6 功能来做到这一点。

有没有办法使用 ES6 功能创建上面的 uniqueBars 数组？

Answer 1

这里 one-liner（虽然不确定这是最好的方法）：

[...new Set(items.map(obj => obj.item.map(o => o.bar)).flat())]

按照@Mulan 和@Andy 的建议，而不是 [].map().flat()，更喜欢 flatMap():

[...new Set(items.flatMap(obj => obj.item.map(o => o.bar)))]

Answer 2

您可以遍历对象数组，然后在新数组上进行查找

像这样

let uniqueBars = []; 
items.foreach = (item) => {
   const itemInNewArray = uniqueBars.find(bar => bar == item.bar);
   if (!itemInNewArray) {
      uniqueBars.push(item.bar)
   }
}

Answer 3

使用 flatMap and for each inner array map over those objects to return each bar value. Shove the resulting sorted flat array into a Set to remove the duplicates and then spread 迭代 items 返回数组，以便您可以记录去重值。

const items=[{item:[{foo:21,bar:"a"},{foo:5,bar:"e"},{foo:167,bar:"c"}]},{item:[{foo:42,bar:"a"},{foo:45,bar:"d"},{foo:7,bar:"c"}]},{item:[{foo:99,bar:"b"},{foo:35,bar:"c"},{foo:22,bar:"e"}]},{item:[{foo:31,bar:"e"},{foo:22,bar:"d"},{foo:12,bar:"a"}]}];

// For each `obj.item.map` you'll get a nested array of
// bar values from each object. Use `flatMap` on that array
// to get all the values into one array, and then sort it
const flattened = items.flatMap(obj => {
  return obj.item.map(inner => inner.bar);
}).sort();

// Pass the flattened array into a new Set
// and use spread to work that set into a new array
const deduped = [...new Set(flattened)];

console.log(deduped);

Answer 4

您可以提供键路径并获取 Set.

的值

const
    getValues = (data, [key, ...keys]) => data.flatMap(o => keys.length
        ? getValues(o[key], keys)
        : o[key]
    ),
    items = [{ item: [{ foo: 21, bar: 'a' }, { foo: 5, bar: 'e' }, { foo: 167, bar: 'c' }] }, { item: [{ foo: 42, bar: 'a' }, { foo: 45, bar: 'd' }, { foo: 7, bar: 'c' }] }, { item: [{ foo: 99, bar: 'b' }, { foo: 35, bar: 'c' }, { foo: 22, bar: 'e' }] }, { item: [{ foo: 31, bar: 'e' }, { foo: 22, bar: 'd' }, { foo: 12, bar: 'a' }] }],
    keys = ['item', 'bar'],
    unique = [...new Set(getValues(items, keys))];

console.log(...unique);

如何从对象数组中的数组中获取唯一值数组？

How to get array of unique values from arrays within an array of objects?

javascript

arrays

ecmascript-6