How do I create an object nested in a new array using values from an array? [duplicate]

Question

I currently have an array of string values: const array1 = ['string1', 'string2'];

I want to be able to use the strings from this array and create a new array with nested objects that use them as the values for the object keys. Like this:

const array2 = [{value: 'string1', label: 'string1'}, {value: 'string2', label: 'string2' ];

I've tried using the .reduce() method and currently, my code looks like this:

const arr = ['string1', 'string2'];
const newArr = [];

function reducer(acc, cur) {
  return {...acc, [cur.id]: cur};
}

const reducedArr = arr.reduce(reducer, {});
newArray.push(reducedArr);

When I log newArray to the console I'm getting back:

Array [{ undefined: 'string2'}]

What is the best way to solve this problem?

James · Accepted Answer · 2022-04-28 17:28:42Z

1

Each element in array2 is a mapping of each element of array1.

const array1 = ['string1', 'string2'];
const array2 = array1.map(item => ({value: item, label: item}));
console.log(array2);

answered Apr 28, 2022 at 17:28

James

22.4k5 gold badges29 silver badges44 bronze badges

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

1 Comment

Alex Rod Over a year ago

Thank you! I realized right after I posted that I should be mapping over it.

Collectives™ on Stack Overflow

How do I create an object nested in a new array using values from an array? [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related