我有一个JavaScript对象数组，其结构如下：
objArray = [ { foo: 1, bar: 2}, { foo: 3, bar: 4}, { foo: 5, bar: 6} ];
我想从每个对象中提取一个字段，并获得一个包含值的数组，例如，字段foo将给出数组[1，3，5]。
我可以用这种简单的方法做到这一点：
function getFields(input, field) {
var output = [];
for (var i=0; i < input.length ; ++i)
output.push(input[i][field]);
return output;
}
var result = getFields(objArray, "foo"); // returns [ 1, 3, 5 ]
是否有更优雅或更惯用的方法来实现这一点，从而不需要自定义实用程序函数？
注意建议的重复，它介绍了如何将单个对象转换为数组。
当前回答
从对象数组中，使用for循环将属性的值提取为数组。
//input
objArray = [ { foo: 1, bar: 2}, { foo: 3, bar: 4}, { foo: 5, bar: 6} ];
//Code
let output=[];
for(let item of objArray){
output.push(item.foo);
}
// Output
[ 1, 3, 5 ]
其他回答
是的，但它依赖于JavaScript的ES5特性。这意味着它在IE8或更高版本中不起作用。
var result = objArray.map(function(a) {return a.foo;});
在ES6兼容的JS解释器上，为了简洁起见，可以使用箭头函数：
var result = objArray.map(a => a.foo);
Array.prototype.map文档
如果您希望ES6+中有多个值，以下操作将起作用
objArray = [ { foo: 1, bar: 2, baz: 9}, { foo: 3, bar: 4, baz: 10}, { foo: 5, bar: 6, baz: 20} ];
let result = objArray.map(({ foo, baz }) => ({ foo, baz }))
这是因为左边的｛foo，baz｝使用对象析构函数，而右边的箭头由于ES6的增强的对象文本而相当于｛foo:foo，baz：baz｝。
这取决于你对“更好”的定义。
其他答案指出了地图的使用，这是自然的（尤其是对于习惯于功能风格的人），而且简洁。我强烈建议您使用它（如果您不介意使用少数IE8-it人员）。所以，如果“更好”意味着“更简洁”、“可维护”和“可理解”，那么是的，它会更好。
另一方面，这种美丽不是没有额外成本的。我不太喜欢微面包，但我在这里做了一个小测试。结果是可以预测的，旧的丑陋的方式似乎比地图功能更快。所以，如果“更好”意味着“更快”，那么就不要，继续沿用老式的时尚。
同样，这只是一个微框架，绝不反对使用地图，这只是我的两分钱：）。
在ES6中，如果希望以字符串形式动态传递字段：
function getFields(array, field) {
return array.map(a => a[field]);
}
let result = getFields(array, 'foo');
下面是对对象数组使用map方法获取特定属性的另一种形式：
const objArray=[｛foo:1，bar:2｝，｛foo:3，bar:4｝，{foo:5，bar:6｝]；const getProp=prop=>obj=>obj[prop]；const getFoo=getProp（'o'）；const fooes=objArray.map（getFoo）；console.log（fooes）；
