How to convert an Array to an Array of Objects in JS & React using "react-select"

Question

I have an Array with some Elements:

ArrayE = ["Car", "Bike", "Bus", "Truck"]

I have to make an array like this:

ArrayX = [
    { value: "Car", label: "Car" },
    { value: "Bike", label: "Bike" },
    { value: "Bus", label: "Bus" },
    { value: "Truck", label: "Truck" }
];

How can I convert the first Array to the second one?

Dark shadow · Accepted Answer · 2020-11-11 10:55:36Z

2

You can use javascript map method to achieve this.

let ArrayE = ["Car","Bike","Bus","Truck"]

let ArrayX = ArrayE.map( el => ({'value':el,'label':el}))

console.log(ArrayX)

answered Nov 11, 2020 at 10:55

Dark shadow

2252 silver badges8 bronze badges

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

Comments

Md. Torikul Islam · Accepted Answer · 2020-11-11 11:20:37Z

2

you can use javascript forEach method like below...

function myFuc(arr) {
    const result = [];
    arr.forEach(el => {
        result.push({
            value: el,
            label: el
        })
    }); 
    return result;
}

answered Nov 11, 2020 at 11:20

Md. Torikul Islam

211 silver badge4 bronze badges

Collectives™ on Stack Overflow

How to convert an Array to an Array of Objects in JS & React using "react-select"

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related