从ES6[duplicate]中的对象数组中获取具有一个属性的数组

Question

我有一个这样的数组：

[
  {foo: 1, bar: 2},
  {foo: 3, bar: 4}
]

获得只有foo值的数组的最简洁的ES6方法是什么？

预期结果将是：

[1, 3]

Answer 1

你可以用一个 <罢工> 分配 并使用数组#map返回此属性。

null

var objects = [{ foo: 1, bar: 2 }, { foo: 3, bar: 4 }],
    array = objects.map(({ foo }) => foo);

console.log(array);

Answer 2

使用.map()方法循环遍历项。

简单地说：

map()方法使用对调用数组中的每个元素调用提供的函数的结果创建一个新数组。

-MDN web文档

该方法允许为数组的每个元素调用一次提供的回调函数。它将创建一个由映射的元素组成的新数组。您可以同时传递元素和索引作为回调的参数。后者是可选的（当您在回调中不需要时）。

这是一种在JavaScript中访问对象的简单方法。代码如下：

null

let array = [
  {foo: 1, bar: 2},
  {foo: 3, bar: 4}
]

console.log(array.map( e => e.foo ))