javascript - 为数组中的所有值设置相同的键

Question

我有:

const fruit = ["Apple", "Orange", "Peer"]
const rank = ["1", "2", "3"]

如果我这样做:

const values = [{
"fruit" : fruit,
"rank" : rank
]}

我明白了

values = [{
{"fruit": ["Apple", "Orange", "Peer"]},
{"rank": ["1", "2", "3"]}
}] 

我应该如何获取以下格式的数据？

values = [
    { fruit: "Apple", rank : "1"},
    { fruit: "Orange", rank : "2"},
    { fruit: "Peer", rank : "3"},
];

Answer 1

最简单的事情是使用映射并循环一个数组并创建对象

const fruit = ["Apple", "Orange", "Peer"]
const rank = ["1", "2", "3"]

const result = fruit.map(function(value, index) {
  return { fruit: value, rank: rank[index] };
});

console.log(result);

或

const fruit = ["Apple", "Orange", "Peer"]
const rank = ["1", "2", "3"]

const result = fruit.map((fruit, index) => ({ fruit, rank: rank[index] }))

console.log(result);