如何用ES6简洁语法从对象数组中提取单个属性值数组？

这太简单啦，用ES6的Array.prototype.map()配合箭头函数一行就能搞定：

const originalArr = [{foo: 1, bar: 2}, {foo: 3, bar: 4}];
const fooValues = originalArr.map(item => item.foo);
// 输出结果：[1, 3]

为什么这方法好用？

• map()会遍历数组里的每一项，对每个元素执行你传入的回调逻辑
• ES6箭头函数item => item.foo省去了传统函数的function和return关键字，让代码极度简洁，直接返回每个对象的foo属性值
• 最后map()会自动把所有返回的属性值组装成一个新数组，完全符合你的预期

内容的提问来源于stack exchange，提问作者Juicy