如何將一個對象數組拆分成多個普通數組，其中每個數組都由一個屬性的值填充？

Question

我有一個對象數組如下：

var GOM = [{name:"Kuroko",ability:"misdirection"},
           {name:"Kise",ability:"perfect copy"},
           {name: "Akashi", ability: "emperor's eye"}];

是否可以使用lodash中的某些預定義函數或本機javascript（不是forEach）將其拆分為2個數組。

["Kuroko","Kise","Akashi"] and ["misdirection","perfect copy","emperor's eye"]

我知道我可以這樣做：

var names = [];
var abilities = [];
GOM.forEach(function(member){
  names.push(member.name);
  abilities.push(member.ability);
});

但我正在尋找另一種方式。

Answer 1

將map（） ， values（）和unzip（）組合成包裝器：

var wrapper = _(GOM).map(_.values).unzip();

然后很容易獲取名稱：

wrapper.first()
// → [ "Kuroko", "Kise", "Akashi" ]

和能力：

wrapper.last()
// → [ "misdirection", "perfect copy", "emperor's eye" ]

Answer 2

Array.map()適用於此：

 var GOM = [{name:"Kuroko",ability:"misdirection"},{name:"Kise",ability:"perfect copy"},{name: "Akashi", ability: "emperor's eye"}]; var names = GOM.map(function(item) { return item.name; }); var abilities = GOM.map(function(item) { return item.ability; }); alert(names + '\\n' + abilities); 

Answer 3

你擁有的代碼很好，但是如果你正在尋找更具“功能性”的東西，那么總會reduce ：

var GOM = [ { name: "Kuroko", ability: "misdirection" },
            { name: "Kise", ability: "perfect copy" },
            { name: "Akashi", ability: "emperor's eye" } ];

var result = GOM.reduce(function(memo, member) {
  memo.names.push(member.name);
  memo.abilities.push(member.ability);
  return memo;
}, { names: [], abilities: [] });

console.log(result.names);
// => [ "Kuroko", "Kise", "Akashi" ]

console.log(result.abilities);
// => [ "misdirection", "perfect copy", "emperor's eye" ]

Answer 4

看起來沒有什么比Lodash的兩個更短的了：

 var data = [ {name:"Kuroko",ability:"misdirection"}, {name:"Kise",ability:"perfect copy"}, {name: "Akashi", ability: "emperor's eye"} ]; var names = _.pluck(data, 'name'); var abilities = _.pluck(data, 'ability'); alert(JSON.stringify(names, null, 4)); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.0/lodash.js"></script>