将几个数组组合成 JavaScript 中的对象数组

Question

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

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"
    }
  ]

我也用 reduce 得到了它：

let arrFinal = [];

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

Answer 1

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

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 2

你可以用 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 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; }

将几个数组组合成 JavaScript 中的对象数组

Combine several arrays into an array of objects in JavaScript

javascript

arrays

reduce

accumulator