在某些情况下，使用forEach不是更容易(或同样容易)吗

Var选项= [ {name: 'One'， assigned: true}， {name: 'Two'，赋值:false}， {name: 'Three'，赋值:true}， ]; Var减小= [] options.forEach(功能(选项){ If (option.assigned) { var someenewvalue = {name: option.name, newProperty: 'Foo'} reduced.push (someNewValue); ｝ })； . getelementbyid(“输出”)。innerHTML = JSON.stringify(简化); <h1>仅分配选项</h1> <pre id="output"> </pre> .

但是，如果有一个malter()或fap()函数组合映射和过滤器函数就更好了。它将像过滤器一样工作，除了返回true或false之外，它将返回任何对象或null/undefined。

直接使用.reduce可能很难阅读，所以我建议创建一个生成reducer的函数:

function mapfilter(mapper) {
  return (acc, val) => {
    const mapped = mapper(val);
    if (mapped !== false)
      acc.push(mapped);
    return acc;
  };
}

像这样使用它:

const words = "Map and filter an array #javascript #arrays";
const tags = words.split(' ')
  .reduce(mapfilter(word => word.startsWith('#') && word.slice(1)), []);
console.log(tags);  // ['javascript', 'arrays'];

从2019年开始，Array.prototype.flatMap是一个不错的选择。

options.flatMap(o => o.assigned ? [o.name] : []);

从MDN页面上方链接:

flatMap可以作为一种添加和删除项目的方法(修改 项目数目)在一个地图。换句话说，它允许您进行映射 多项对多项(通过分别处理每个输入项)， 而不是总是一对一。在这个意义上，它就像 filter的反义词。只需返回一个1元素的数组来保存该项， 用于添加项的多元素数组，或用于删除项的0元素数组 的项目。

我想发表评论，但我没有必要的声誉。对马克西姆·库兹敏(Maxim Kuzmin)的答案进行了一个小改进，使其更有效:

Const选项= [ {name: 'One'， assigned: true}， {name: 'Two'，赋值:false}， {name: 'Three'，赋值:true}， ]; Const filtered = options .reduce((result， {name, assigned}) => assigned ?result.push(name) && result: result， []); console.log(过滤);

解释

我们不是在每次迭代时将整个结果一遍又一遍地展开，而是仅在实际有值要插入时才将结果追加到数组。

这里有一行使用ES6花哨扩展语法的简化!

Var选项= [ {name: 'One'， assigned: true}， {name: 'Two'，赋值:false}， {name: 'Three'，赋值:true}， ]; Const filtered = options .reduce((result， {name, assigned}) =>[…]结果,…分配?[name]: []]， []); console.log(过滤);

我用以下几点优化了答案:

重写if (cond) {stmt;}作为cond && stmt; 使用ES6箭头函数

我将给出两个解决方案，一个使用forEach，另一个使用reduce:

解决方案1:使用forEach

该解决方案通过使用forEach遍历每个元素来实现。然后，在forEach循环的主体中，我们有条件作为过滤器，它决定我们是否要向结果数组追加一些内容。

Const选项= [ {name: 'One'， assigned: true}， {name: 'Two'，赋值:false}， {name: 'Three'，赋值:true}， ]; Const reduced = []; 选项。forEach(o => { O.assigned && reduced。push({name: o.name, newProperty: 'Foo'}); }); console.log(减少);

解决方案2:使用reduce

这个解决方案使用array. prototype.reduce而不是forEach来迭代数组。它认识到这样一个事实，即reduce具有内置的初始化式和循环机制。除此之外，该解决方案与forEach解决方案或多或少是相同的，因此，区别在于修饰语法。

Const选项= [ {name: 'One'， assigned: true}， {name: 'Two'，赋值:false}， {name: 'Three'，赋值:true}， ]; Const reduced = options。Reduce ((a, o) => { o.assigned && a.push({name: o.name, newProperty: 'Foo'}); 返回一个; }， []); console.log(减少);

我让你来决定采用哪种解决方案。