How can I convert an array to an object of array?

Question

I have data in an array:

["Avengers","Batman","Spiderman","IronMan"]

How can I covert it to an object as below?

{"Avenger":"Avenger","Batman":"Batman","Spiderman":"Spiderman","Ironman":"Ironman"}

What have you already tried? See also How to Ask and How much research effort is expected of Stack Overflow users? This also seems to be pure JS question and not specifically related to React — agilgur5
– agilgur5, Commented Aug 16 at 16:54

Saeed Shamloo · Accepted Answer · 2021-12-11 18:26:41Z

5

You can do it like this:

let arr = ["Avengers","Batman","Spiderman","IronMan"];
let obj = arr.reduce((acc, item)=> ({...acc, [item]: item}) , {});
console.log(obj);

answered Dec 11, 2021 at 18:26

Saeed Shamloo

6,6021 gold badge11 silver badges22 bronze badges

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

Comments

Sal Rahman · Accepted Answer · 2021-12-11 18:35:46Z

2

Someone else mentioned reduce, but I recommend against, copying objects at every iteration.

Here's a more performant approach.

const arr = ["Avengers","Batman","Spiderman","IronMan"];
const obj = {};

for (const el of arr) {
  obj[el] = el;
}

console.log(obj);

answered Dec 11, 2021 at 18:35

Sal Rahman

4,7853 gold badges34 silver badges43 bronze badges

Hudson Oliveira · Accepted Answer · 2021-12-11 18:27:35Z

-1

You can use reduce to convert array to object. You can see some examples in here Convert Array to Object

answered Dec 11, 2021 at 18:27

Hudson Oliveira

565 bronze badges