ES6方式 - 按键从嵌套数组中获取唯一值

Question

试图提高我的 JS 能力。

有没有一种更简洁的方法可以从嵌套的 object 中按键从下面的数组中检索属性值，删除重复项并按字母顺序排序？

这是我所拥有的：

getObjectValues(array, key){

      var unique = [];
      
      array.forEach(function(item){
        item[key].forEach(function(value){
          if (unique.indexOf(value) < 0) {
            unique.push(value)
          }
        })
      });

      return unique.sort();
    },

object 的示例数组：

[
  { name: 'hello', value: ['a','b','c']},
  { name: 'hello', value: ['a','b','c']},
  { name: 'hello', value: ['a','b','c']}
]

预计 output 应该是一个数组：

var array = ['a','b','c']

Answer 1

您可以只使用一个 Set，并将所有项目添加到其中：

 let arr = [ { name: 'hello', value: ['a','b','c']}, { name: 'hello', value: ['a','b','c']}, { name: 'hello', value: ['a','b','c']} ] console.log( Array.from( new Set( arr.reduce( (carry, current) => [...carry, ...current.value], [] ) ) ).sort() )

Answer 2

如果你需要简洁的东西，你可以 go 就这么简单：

• 利用Set去除重复项
• 使用Array.prototype.flatMap() （略带解构赋值）将value项从所有对象中提取到单个数组中

 const src = [{name:'hello',value:['c','b','d']},{name:'hello',value:['e','b','c']},{name:'hello',value:['f','a','e']}], result = [...new Set(src.flatMap(({value}) => value))].sort() console.log(result)

 .as-console-wrapper{min-height:100%;}

如果您需要非常快的东西，您可以执行以下操作：

• 使用Array.prototype.reduce()将您的数组转换为一Set唯一记录（使用Array.prototype.forEach遍历value项并执行Set.prototype.add() ）
• 将结果Set传播到数组和.sort()中

 const src = [{name:'hello',value:['c','b','d']},{name:'hello',value:['e','b','c']},{name:'hello',value:['f','a','e']}], result = [...src.reduce((acc,{value}) => (value.forEach(acc.add, acc), acc), new Set())].sort() console.log(result)

 .as-console-wrapper{Min-height:100%;}