如何使用 array.map 函数不返回任何内容（空数组）

Question

现在，如果检测到列表中的“所有内容”，则输出变为 [""]。
预期输出：[]

Copy.names = rule.names.map(function(x) {                                
    if (x.name ==='Everything') {                                   
        return '';
    } else {
        return x.name;
    }
});

Answer 1

使用 Array.prototype.filter：

Copy.names = rule.names.filter(function(x) {                                
    return x.name !=='Everything';
}).map(function (x) {
    return x.name;
});

Answer 2

Array.filter() 的另一个解决方案：

names.map(
  (x) => x.name === 'Everything' && x.name
).filter(Boolean)

Answer 3

如果你可以使用 ES6，你可以使用生成器：

Copy.names = Array.from(function* () {
    for (var x of rule.names) {
       if (x.name ==='Everything') {                                   
            // do nothing
       } else {
            yield x.name;
       }
    }
})

如果没有......你总是可以采取命令式的方式：

Copy.names = []

for (var x of rule.names) {
   if (x.name ==='Everything') {                                   
        // do nothing
   } else {
        Copy.names.push(x.name);
   }
}

Answer 4

如果您可以使用 Lodash（我强烈推荐），您可以使用_.flatMap以优雅的方式处理它：

Copy.names = _.flatMap(rule.names, function(x) {
    if (x.name ==='Everything') {                                   
        return [];
    } else {
        return [x.name];
    }
})

如您所见，它与map类似，不同之处在于您返回的是项目数组而不是项目。

Answer 5

我在其他地方写的一个答案涵盖了这一点，但是如果您希望能够完成Array.map()的转换，还希望更改输出长度，则需要使用Array.reduce() 。

但是，通常，过滤会更有意义——最好在映射之前，但如果需要，然后在之后。

Answer 6

为此，您应该使用 reduce 而不是 map，这里是一个示例：

Copy.names = rule.names.reduce(function (arr, x) {
  x.name !== 'Everything' && arr.push(x.name)
  return arr
}, [])