仅从Javascript中的对象数组返回某些属性[duplicate]

Question

如果我有一个物体

var object = function(key,text)
{
    this.key = key;
    this.text = text;
}

并创建这些对象的数组

var objArray = [];
objArray[0] = new object('key1','blank');
objArray[1] = new object('key2','exampletext');
objArray[2] = new object('key3','moretext');

有没有一种方法可以让我只检索数组中所有对象的一个属性？例如：

var keyArray = objArray["key"]; 

上面的示例没有将set keyArray返回给任何东西，但我希望它可以设置成如下所示：

keyArray = [
    'key1',
    'key2',
    'key3']

有没有人知道这样做的方法，而不需要遍历objArray并手动将每个键属性复制到键数组？

Answer 1

var object = function(key,text) {
    this.key = key;
    this.text = text;
}

var objArray = [];
objArray[0] = new object('key1','blank');
objArray[1] = new object('key2','exampletext');
objArray[2] = new object('key3','moretext');

var keys = objArray.map(function(o,i) {
  return o.key;
});

console.log(keys); // ["key1", "key2", "key3"]

JS Bin示例

http://jsbin.com/vamey/1/edit

请注意，较旧的浏览器可能不支持map，但您可以通过for循环轻松地做到这一点：

var keys = [];

for (var i = 0; i < objArray.length; i++) {
  keys.push(objArray[i].key);
}

JS Bin示例

http://jsbin.com/redis/1/edit

Answer 2

这可以通过array.prototype.map（）函数轻松完成：

var keyArray = objArray.map(function(item) { return item["key"]; });

如果要经常这样做,可以编写一个函数来抽象映射：

function pluck(array, key) {
  return array.map(function(item) { return item[key]; });
}

事实上，下划线库有一个名为pluck的内置函数，它正是这样做的。