我有一个对象数组，我想迭代这些对象以生成一个新的过滤数组。而且，我需要根据参数从新数组中过滤掉一些对象。我正在尝试这个：
function renderOptions(options) {
return options.map(function (option) {
if (!option.assigned) {
return (someNewObject);
}
});
}
这是一个好方法吗？有没有更好的方法？我愿意使用任何库，例如 lodash。
你应该Array.reduce为此使用。
var options = [
{ name: 'One', assigned: true },
{ name: 'Two', assigned: false },
{ name: 'Three', assigned: true },
];
var reduced = options.reduce(function(filtered, option) {
if (option.assigned) {
var someNewValue = { name: option.name, newProperty: 'Foo' }
filtered.push(someNewValue);
}
return filtered;
}, []);
document.getElementById('output').innerHTML = JSON.stringify(reduced);<h1>Only assigned options</h1>
<pre id="output"> </pre>或者，reducer 可以是一个纯函数，像这样
var reduced = options.reduce(function(result, option) {
if (option.assigned) {
return result.concat({
name: option.name,
newProperty: 'Foo'
});
}
return result;
}, []);
自 2019 年以来，Array.prototype.flatMap是不错的选择。
options.flatMap(o => o.assigned ? [o.name] : []);
从上面链接的 MDN 页面：
flatMap可用作在地图期间添加和删除项目（修改项目数量）的一种方式。换句话说，它允许您将多个项目映射到多个项目（通过分别处理每个输入项目），而不是始终一对一。从这个意义上说，它的工作原理与过滤器相反。只需返回一个 1 元素数组来保留项目，一个多元素数组来添加项目，或者一个 0 元素数组来删除项目。
使用减少，卢克！
function renderOptions(options) {
return options.reduce(function (res, option) {
if (!option.assigned) {
res.push(someNewObject);
}
return res;
}, []);
}
使用 ES6，你可以做到很短：
options.filter(opt => !opt.assigned).map(opt => someNewObject)
一行reduce带有 ES6 花式展开语法的代码就在这里！
var options = [
{ name: 'One', assigned: true },
{ name: 'Two', assigned: false },
{ name: 'Three', assigned: true },
];
const filtered = options
.reduce((result, {name, assigned}) => [...result, ...assigned ? [name] : []], []);
console.log(filtered);