我有一个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 ]
是否有更优雅或更惯用的方法来实现这一点，从而不需要自定义实用程序函数？
注意建议的重复，它介绍了如何将单个对象转换为数组。
当前回答
在ES6中，您可以执行以下操作：
const objArray = [{foo: 1, bar: 2}, {foo: 3, bar: 4}, {foo: 5, bar: 6}]
objArray.map(({ foo }) => foo)
其他回答
如果你甚至不知道你正在玩的对象的确切属性，我只会改进其中一个答案：
let result = objArray.map(a => a[Object.getOwnPropertyNames(a)]);
是的，但它依赖于JavaScript的ES5特性。这意味着它在IE8或更高版本中不起作用。
var result = objArray.map(function(a) {return a.foo;});
在ES6兼容的JS解释器上，为了简洁起见，可以使用箭头函数：
var result = objArray.map(a => a.foo);
Array.prototype.map文档
如果您有嵌套数组，则可以使其工作方式如下：
常量objArray=[｛id:1，项：｛foo:4，条：2｝｝，｛id:2，项：｛foo:3，条：2｝｝，｛id:3，项：｛foo:1，条：2｝｝];let result=objArray.map（（｛id，items:｛foo｝｝）=>（｛id，foo｝））console.log（结果）
如果您希望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｝。
谈到纯JS的解决方案，我发现，尽管它可能很不优雅，但简单的索引for循环比它的替代方案更具性能。
从100000个元素数组中提取单个属性（通过jsPerf）
传统循环368操作/秒
var vals=[];
for(var i=0;i<testArray.length;i++){
vals.push(testArray[i].val);
}
ES6用于。。循环303操作/秒
var vals=[];
for(var item of testArray){
vals.push(item.val);
}
Array.prototype.map 19操作/秒
var vals = testArray.map(function(a) {return a.val;});
TL；DR-.map（）很慢，但如果您觉得可读性比性能更重要，可以使用它。
编辑#2:6/2019-jsPerf链接断开，已删除。
