Javascript获取数组中键的所有值？

Question

如何不使用 jQuery 获取数组中键的所有值？

var species = [{"code_name":"b","public_name":"a"},{"code_name":"d","public_name":"c"},{"code_name":"f","public_name":"e"}];

var speciesVals = Object.keys(species).map(function (val, key) {
    return val;
});

结果:

[ '0',
  '1',
  '2',
  '_atomics',
  '_parent',
  '_cast',
  '_markModified',
  '_registerAtomic',
  '$__getAtomics',
  'hasAtomics',
  '_mapCast',
  'push',
  'nonAtomicPush',
  '$pop',
  'pop',
  '$shift',
  'shift',
  'pull',
  'splice',
  'unshift',
  'sort',
  'addToSet',
  'set',
  'toObject',
  'inspect',
  'indexOf',
  'remove',
  '_path',
  'isMongooseArray',
  'validators',
  '_schema' ]

但我追求的是:

["code_name":["b", "d", "d"], "public_name":["a", "c", "e"]

这可能吗？

编辑:

这个怎么样:

[{"code_name":["b", "d", "d"]}, {"public_name":["a", "c", "e"}]

Answer 1

使用 JavaScript Array#reduce 方法。

var species = [{
  "code_name": "b",
  "public_name": "a"
}, {
  "code_name": "d",
  "public_name": "c"
}, {
  "code_name": "f",
  "public_name": "e"
}];

var temp = species.reduce(function(res, v) {
  // iterate over object(array element)
  Object.keys(v).forEach(function(k) {
    // define property as array if not defined
    res[k] = res[k] || [];
    // push the value to prefered array
    res[k].push(v[k]);
  });
  // return the updated object
  return res;
  // define the initial value as object to hold the result
}, {});

// now create your expected result
var speciesVals = Object.keys(temp) // get all property names
  .map(function(v) { //iterate over them to generate the result array
    var obj = {}; // create object for 
    obj[v] = temp[v]; // add property
    return obj; // return object (which is the new array element)
  });


console.log(speciesVals);