在 JavaScript 中将表转换为对象数组

Question

我有一张桌子

const header = ["name", "age", "hobby"];
const content = [ ["Eva", 3, "dance"],
                  ["Kevin", 5, "ball"],
                  ...];

如何将输出作为对象数组？

[{name: "Eva", age: 3, hobby: "dance"}, 
 {name: "Kevin", age: 5, hobby: "ball"},
 ...]

Answer 1

Lodash（或underscore.js）库提供了一些不错的函数来转换数据。就一行：

import _  from 'lodash';
const output = content.map((row) => _.zipObject(row, header));

Answer 2

你可以用 javascript 做这样的事情：

const header = ["name", "age", "hobby"];
const content = [["Eva", 3, "dance"],
 ["Kevin", 5, "ball"]
];
const result = [];

for (var i = 0; i < content.length; i++) {
 var obj = {};
 for (var j = 0; j < header.length; j++) {
  obj[header[j]] = content[i][j];
 }
 result.push(obj);
}
console.log(result);

Answer 3

可以用map和reduce来完成

const header = ["name", "age", "hobby"];
const content = [
  ["Eva", 3, "dance"],
  ["Kevin", 5, "ball"]
];

console.log(content.map((item) => {
  return header.reduce((acc, cur, i) => {
    acc[cur] = item[i];
    return acc;
  }, {});
}));