在react中动态创建键值对

Question

关键细节：["100"，"101"，"102"，"103"]成员详细信息：["CHRIS"、"ALYSSA"、"DIMPLE"one_answers"MEETA"]

如何动态创建一个键值对，使键成为成员详细信息，而相应的值成为键详细信息？数组的大小和值也是动态的，通过一些API。

Answer 1

您可以使用Array.reduce来完成它：

const values = ["100", "101", "102", "103"];
const keys = ["CHRIS", "ALYSSA", "DIMPLE", "MEETA"];
const result = keys.reduce((carry, key, index) => (carry[key] = values[index], carry), {});
console.log(result);

Answer 2

const keys = ["100", "101", "102", "103"];
const members = ["CHRIS", "ALYSSA", "DIMPLE", "MEETA"];

const result = {};
keys.forEach((value, i) => result[members[i]] = value);
console.log(result);