我有一个对象数组，我想对其进行迭代以生成一个新的过滤数组。同时，我还需要根据参数从新数组中过滤出一些对象。我试着这样做:
function renderOptions(options) {
return options.map(function (option) {
if (!option.assigned) {
return (someNewObject);
}
});
}
这是个好方法吗?有没有更好的方法?我愿意使用任何库，如lodash。
当前回答
你可以使用数组。Reduce带有箭头的函数是一行代码
Const选项= [ {name: 'One'， assigned: true}， {name: 'Two'，赋值:false}， {name: 'Three'，赋值:true}， ]; Const reduced = options。Reduce ((result, option) =>选项。分配?结果。concat({name: option.name, newProperty: 'Foo'}): result， []); . getelementbyid(“输出”)。innerHTML = JSON.stringify(简化); <h1>仅分配选项</h1> <pre id="output"> </pre> .
其他回答
我想发表评论，但我没有必要的声誉。对马克西姆·库兹敏(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(过滤);
解释
我们不是在每次迭代时将整个结果一遍又一遍地展开，而是仅在实际有值要插入时才将结果追加到数组。
与顶部答案相同的方法，使用Array.prototype.reduce()，但使用了更新的ES6语法和TypeScript类型，作为通用实用函数:
function filterThenMap<T>(l: T[], predicate: (el: T) => boolean, transform: (el: T) => T) {
return l.reduce((res: T[], el) => {
if (predicate(el)) {
res.push(transform(el));
}
return res;
}, []);
}
从2019年开始，Array.prototype.flatMap是一个不错的选择。
options.flatMap(o => o.assigned ? [o.name] : []);
从MDN页面上方链接:
flatMap可以作为一种添加和删除项目的方法(修改 项目数目)在一个地图。换句话说，它允许您进行映射 多项对多项(通过分别处理每个输入项)， 而不是总是一对一。在这个意义上，它就像 filter的反义词。只需返回一个1元素的数组来保存该项， 用于添加项的多元素数组，或用于删除项的0元素数组 的项目。
在某些情况下，使用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。
在ES6中，你可以做的很短:
选项。过滤器(opt => !opt.assigned)。目录(opt => someNewObject)
