How to make array of objects with specific key and value from object?

Question

My initial object is:

​const initObject = {"ITEM1": "Item 1", "ITEM2: "Item 2"}

How to convert it to:

​const convertedArray = [{value: "ITEM1", label: "Item 1"}, {value: "ITEM2", label="Item 2"}]

Answer 1

You can try map through the object keys to create the array using Object.keys() and Array.prototype.map() like the following way:

const initObject = {"ITEM1": "Item 1", "ITEM2": "Item 2"};
const convertedArray = Object.keys(initObject).map(k => ({value: k, label: initObject[k]}));
console.log(convertedArray);

Note: You have missed closing" in key in "ITEM2: "Item 2"

Answer 2

You can use Object.entries to get a list of key value pairs on which you can loop on and create your array.

const initObject = {"ITEM1": "Item 1", "ITEM2": "Item 2"};
const convertedArray = Object.entries(initObject).map(([key, value]) => ({value: key, label: value}));
console.log(convertedArray);

Answer 3

const convertedArray = Object.keys(initObject).map((x)=> { return {
   value : x,
 label: initObject[x]
}});