返回子对象[重复]的内联javascript过滤器

Question

我试图在一个对象数组上调用过滤器方法，但我不想返回整个对象。我只想返回对象的一部分。

[
   {val: 0, val2: 'a'},
   {val: 1, val2: 'b'},
   {val: 2, val2: 'c'},
   {val: 3, val2: 'd'}
].filter( obj => {
    if (obj.val > 1){
        return obj.val2
}})

这个过滤函数返回

[ { val: 2, val2: 'c' }, { val: 3, val2: 'd' } ]

但应该正在返回

[ { val2: 'c' }, { val2: 'd' } ]

使用map的问题是，我不希望未定义的被注入到数组中

Answer 1

由于要在经过的迭代中构造新对象，因此可以使用。映射以在过滤后变换所有经过的对象：

js lang-js prettyprint-override">const result = [
   {val: 0, val2: 'a'},
   {val: 1, val2: 'b'},
   {val: 2, val2: 'c'},
   {val: 3, val2: 'd'}
]
  .filter(obj => obj.val > 1)
  .map(({ val2 }) => ({ val2 }));
console.log(result);

Answer 2

您可以结合地图和过滤器。

dataArray.filter(obj => obj.val > 1 && obj.val2).map(obj => obj.val2);

Answer 3

要使用reduce进行此操作，请将其保留为1次迭代，并只在数组中推送要保留的项。

js lang-js prettyprint-override">const result = [
   {val: 0, val2: 'a'},
   {val: 1, val2: 'b'},
   {val: 2, val2: 'c'},
   {val: 3, val2: 'd'}
].reduce((prev, obj) => {
    if (obj.val > 1)
        prev.push({ val2: obj.val2 });
    return prev;
}, []);

console.log(result)