我有一个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 ]
是否有更优雅或更惯用的方法来实现这一点,从而不需要自定义实用程序函数?
注意建议的重复,它介绍了如何将单个对象转换为数组。
谈到纯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链接断开,已删除。
通常,如果您想要外推数组内的对象值(如问题中所述),那么可以使用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”]
查看Lodash的_.pulling()函数或Undercore的_.plus()函数。两者都可以在一个函数调用中实现您想要的功能!
var result = _.pluck(objArray, 'foo');
更新:从Lodash v4.0.0起,_.pulling()已被删除,支持_.map(),并与Niet的答案类似。pickle()在Undercore中仍然可用。
更新2:正如Mark在评论中指出的,在Lodash v4和4.3之间的某个地方,添加了一个新功能,再次提供了该功能。property()是一个速记函数,它返回用于获取对象中属性值的函数。
此外,_.map()现在允许将字符串作为第二个参数传入,并将其传入_.property()。因此,以下两行相当于前面Lodash 4中的代码示例。
var result = _.map(objArray, 'foo');
var result = _.map(objArray, _.property('foo'));
_.property()和_.map()也允许您提供点分隔的字符串或数组,以便访问子属性:
var objArray = [
{
someProperty: { aNumber: 5 }
},
{
someProperty: { aNumber: 2 }
},
{
someProperty: { aNumber: 9 }
}
];
var result = _.map(objArray, _.property('someProperty.aNumber'));
var result = _.map(objArray, _.property(['someProperty', 'aNumber']));
上述示例中的两个_.map()调用都将返回[5,2,9]。
如果您对函数式编程有更多了解,请查看Ramda的R.pulp()函数,它看起来像这样:
var result = R.pluck('foo')(objArray); // or just R.pluck('foo', objArray)