我有一个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 ]
是否有更优雅或更惯用的方法来实现这一点，从而不需要自定义实用程序函数？
注意建议的重复，它介绍了如何将单个对象转换为数组。
当前回答
如果你甚至不知道你正在玩的对象的确切属性，我只会改进其中一个答案：
let result = objArray.map(a => a[Object.getOwnPropertyNames(a)]);
其他回答
使用Array.prototype.map：
function getFields(input, field) {
return input.map(function(o) {
return o[field];
});
}
有关ES5之前版本浏览器的垫片，请参阅上面的链接。
虽然map是从对象列表中选择“列”的适当解决方案，但它也有缺点。如果没有明确检查列是否存在，它将抛出一个错误，并（最多）为您提供undefined。我会选择reduce解决方案，它可以简单地忽略该属性，甚至为您设置默认值。
function getFields(list, field) {
// reduce the provided list to an array only containing the requested field
return list.reduce(function(carry, item) {
// check if the item is actually an object and does contain the field
if (typeof item === 'object' && field in item) {
carry.push(item[field]);
}
// return the 'carry' (which is the list of matched field values)
return carry;
}, []);
}
jsbin示例
即使提供的列表中的某个项不是对象或不包含该字段，这也会起作用。
如果项不是对象或不包含字段，甚至可以通过协商默认值来使其更加灵活。
function getFields(list, field, otherwise) {
// reduce the provided list to an array containing either the requested field or the alternative value
return list.reduce(function(carry, item) {
// If item is an object and contains the field, add its value and the value of otherwise if not
carry.push(typeof item === 'object' && field in item ? item[field] : otherwise);
// return the 'carry' (which is the list of matched field values)
return carry;
}, []);
}
jsbin示例
这与map相同，因为返回的数组的长度与提供的数组相同。（在这种情况下，地图比缩减略便宜）：
function getFields(list, field, otherwise) {
// map the provided list to an array containing either the requested field or the alternative value
return list.map(function(item) {
// If item is an object and contains the field, add its value and the value of otherwise if not
return typeof item === 'object' && field in item ? item[field] : otherwise;
}, []);
}
jsbin示例
还有一个最灵活的解决方案，它可以让你通过提供一个替代价值在两种行为之间切换。
function getFields(list, field, otherwise) {
// determine once whether or not to use the 'otherwise'
var alt = typeof otherwise !== 'undefined';
// reduce the provided list to an array only containing the requested field
return list.reduce(function(carry, item) {
// If item is an object and contains the field, add its value and the value of 'otherwise' if it was provided
if (typeof item === 'object' && field in item) {
carry.push(item[field]);
}
else if (alt) {
carry.push(otherwise);
}
// return the 'carry' (which is the list of matched field values)
return carry;
}, []);
}
jsbin示例
正如上面的示例（希望）揭示了这一工作方式，让我们通过使用Array.concat函数来稍微缩短该函数。
function getFields(list, field, otherwise) {
var alt = typeof otherwise !== 'undefined';
return list.reduce(function(carry, item) {
return carry.concat(typeof item === 'object' && field in item ? item[field] : (alt ? otherwise : []));
}, []);
}
jsbin示例
如果你甚至不知道你正在玩的对象的确切属性，我只会改进其中一个答案：
let result = objArray.map(a => a[Object.getOwnPropertyNames(a)]);
通常，如果您想要外推数组内的对象值（如问题中所述），那么可以使用reduce、map和数组析构函数。
ES6
let a = [{ z: 'word', c: 'again', d: 'some' }, { u: '1', r: '2', i: '3' }];
let b = a.reduce((acc, obj) => [...acc, Object.values(obj).map(y => y)], []);
console.log(b)
循环中使用的等效值为：
for (let i in a) {
let temp = [];
for (let j in a[i]) {
temp.push(a[i][j]);
}
array.push(temp);
}
生成的输出：[“word”、“again”、“some”、“1”、“2”、“3”]
上述答案适用于单个属性，但当从数组中选择多个财产时，请使用以下选项
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)
