我有一个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 ]
其他回答
使用Array.prototype.map：
function getFields(input, field) {
return input.map(function(o) {
return o[field];
});
}
有关ES5之前版本浏览器的垫片，请参阅上面的链接。
上述答案适用于单个属性，但当从数组中选择多个财产时，请使用以下选项
var arrayObj=[{Name,'A',Age:20,Email:'a.gmail.com'},{Name,'B',Age:30,Email:'b.gmail.com'},{Name,'C',Age:40,Email:'c.gmail.com'}]
现在我只选择两个字段
var outPutArray=arrayObj.map(( {Name,Email} ) => ({Name,Email}) )
console.log(outPutArray)
是的，但它依赖于JavaScript的ES5特性。这意味着它在IE8或更高版本中不起作用。
var result = objArray.map(function(a) {return a.foo;});
在ES6兼容的JS解释器上，为了简洁起见，可以使用箭头函数：
var result = objArray.map(a => a.foo);
Array.prototype.map文档
从对象数组中，使用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 ]
从对象数组中轻松提取多个财产：
let arrayOfObjects = [
{id:1, name:'one', desc:'something'},
{id:2, name:'two', desc:'something else'}
];
//below will extract just the id and name
let result = arrayOfObjects.map(({id, name}) => ({id, name}));
结果将是〔｛id:1，名称：'one'｝，｛id:2，名称：'two'｝〕
根据需要在map函数中添加或删除财产
