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

Question

试图提高我的 JS 能力。

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

这是我所拥有的：

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();
    },

对象数组示例：

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

预期的输出应该是一个数组：

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

Answer 1

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

• 利用Set 去除重复项
• 使用Array.prototype.flatMap()（轻轻触摸destructuring assignment）从所有对象中提取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 并执行Set.prototype.add() 的value 项）
• 将结果 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%;}

Answer 2

您可以只使用一个 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()
)