Create key value pair dynamically in react

Question

key details: ["100", "101", "102", "103"] member details : ["CHRIS", "ALYSSA", "DIMPLE", "MEETA"]

How can I create a key value pair dynamically, so that key would be member details and corresponding value will be Key details? Size and value of array is also dynamic, getting through some API.

Does this answer your question? Merge two arrays into one javascript object — Heretic Monkey
– Heretic Monkey, Commented Oct 9, 2020 at 13:04

Mihai Matei · Accepted Answer · 2020-10-09 13:16:28Z

1

you can use Array.reduce to accomplish it:

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);

edited Oct 9, 2020 at 13:16

answered Oct 9, 2020 at 12:52

Mihai Matei

24.3k5 gold badges34 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sarun UK · Accepted Answer · 2020-10-09 13:27:07Z

0

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);

answered Oct 9, 2020 at 13:27

Sarun UK

6,7667 gold badges26 silver badges52 bronze badges

Collectives™ on Stack Overflow

Create key value pair dynamically in react

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related