在JavaScript中将几个数组组合成一个对象数组

Question

假设我有三个数组，描述了一些名称，阅读的书籍数量以及这些人[名字]中有多棒：

let names = ["Mary", "Joe", "Kenan"];
let numberOfBooks = [2, 1, 4];
let awesomenessLevel = ["pretty cool", "meh", "super-reader"];

我正在尝试使用.reduce()将它们组合在一起以创建一个包含每个数组中相关索引的对象数组，但我失败了：

    let people = [
    {
       name: "Mary",
       noOfBooks: 2,
       awesomeness: "pretty cool"
    },
    {
       name: "Joe",
       noOfBooks: 1,
       awesomeness: "meh"
    },
    {
       name: "Kenan",
       noOfBooks: 4,
       awesomeness: "super-reader"
    }
  ]

我也减少了它：

let arrFinal = [];

 names.reduce(function(all, item, index) {
  arrFinal.push({
    name: item,
    noOfBooks: numberOfBooks[index],
    awesomeness: awesomenessLevel[index]
  })
}, []);

Answer 1

你可以用map来做，像这样：

let result = names.map( (v, i) => ({
    name: names[i], 
    noOfBooks: numberOfBooks[i],
    awesomenessLevel: awesomenessLevel[i]
}));

 let names = ["Mary", "Joe", "Kenan"]; let numberOfBooks = [2, 1, 4]; let awesomenessLevel = ["pretty cool", "meh", "super-reader"]; let result = names.map( (v, i) => ({ name: names[i], noOfBooks: numberOfBooks[i], awesomenessLevel: awesomenessLevel[i] })); console.log(result); 

 .as-console-wrapper { max-height: 100% !important; top: 0; } 

在这种情况下， map比reduce更好，因为names数组中的元素数量（或其他两个元素中的任何一个）与输出中所需的元素数量相同。 在这种情况下，使用map更自然。

Answer 2

使用map在输入数组和输出数组之间创建1对1映射。

let people = names.map(function (e, i) {
    return {name:e, noOfBooks:numberOfBooks[i],awesomeness: awesomenessLevel[i]};
});

 let names = ["Mary", "Joe", "Kenan"]; let numberOfBooks = [2, 1, 4]; let awesomenessLevel = ["pretty cool", "meh", "super-reader"]; let people = names.map(function (e, i) { return {name:e, noOfBooks:numberOfBooks[i],awesomeness: awesomenessLevel[i]}; }); console.log(people); 

Answer 3

您可以通过将所有数组组合到一个对象并使用键名作为数组中结果对象的属性名来使用动态方法

 let names = ["Mary", "Joe", "Kenan"], numberOfBooks = [2, 1, 4], awesomenessLevel = ["pretty cool", "meh", "super-reader"], object = { name: names, noOfBooks: numberOfBooks, awesomeness: awesomenessLevel }, result = Object.keys(object).reduce((r, k) => (object[k].forEach((a, i) => (r[i] = r[i] || {})[k] = a), r), []); console.log(result); 

 .as-console-wrapper { max-height: 100% !important; top: 0; }