Convert an Array to an Array of Object

Question

Need help for converting an array to array of object adding label.

For example I have an array:

data = ["data1", "data2", "data3"]

I want to convert and adding label. The result expected:

[
   {label: "data1", value: "data1"},
   {label: "data2", value: "data2"},
   {label: "data3", value: "data3"}
]

use map and inside the map return {label: e, value: e} where e is the each iteration in map — cmgchess, Nov 09 '22 at 06:07
https://stackoverflow.com/questions/58334039/how-to-convert-an-array-to-array-of-object-in-javascript — cmgchess, Nov 09 '22 at 06:09

score 4 · Accepted Answer · answered Nov 09 '22 at 06:09

4

Just using data.map(d => ({label:d,value:d})) can do it

let data = ["data1", "data2", "data3"]

let result = data.map(d => ({label:d,value:d}))

console.log(result)

answered Nov 09 '22 at 06:09

flyingfox

13,414
3
24
39

score 2 · Answer 2 · answered Nov 09 '22 at 06:08

2

const data = ["data1", "data2", "data3"];
const object = [];
data.forEach((element) => {
  const obj = { label: element, value: element };
  object.push(obj);
});
console.log(object);

answered Nov 09 '22 at 06:08

Sahil jangra

121
7

score 0 · Answer 3 · answered Nov 09 '22 at 06:09

You can achieve it using multiple ways, below is an implementation using reduce

let data = ["data1", "data2", "data3"];
let result = data.reduce((acc, item) => {
   acc.push({label: item, value: item});
   return acc;
   }, []);
console.log(result);

Convert an Array to an Array of Object

3 Answers3