How to put array elements into object values?

Question

I have an array of several strings like:

const stringsArray=["abc", "def", "ghi"];

I want to convert it into objects like:

const stringsObjects=[
{ label: "abc", value: "abc"},
{ label: "def", value: "def"},
{ label: "ghi", value: "ghi"},
{ label: "Others", value: "Others"}
];

I need to add one more object to the last with values as "others" as above. I tried using map and forEach methods but no luck. Can anyone guide me here using javascript here?

I tried using map and forEach methods but no luck.

const obj2= array1.forEach(element => {label: "element", value: "element"});

const selectOptions = industryKeywords.map(keyword => {return({
            value: keyword,
            label: keyword
        },
        {
            value: "Others",
            label: "Others"
        }
        )})

Both these ways gave me errors. I expect the below result:

const stringsObjects=[
{ label: "abc", value: "abc"},
{ label: "def", value: "def"},
{ label: "ghi", value: "ghi"},
{ label: "Others", value: "Others"}
];

"no luck" is not a sufficiently detailed description of what happened when you tried. "gave me errors" is not a sufficiently detailed description of the errors you received. You should copy and paste the exact text of any errors you got into your question, along with the minimum code required to reproduce the issue. — Wyck
– Wyck, Commented Mar 9, 2023 at 14:28
1.) forEach() doesn't natively return anything, so you'd have to explicitly push to your array. 2.) {label: "element", value: "element"}: "element" is a string. You would need {label: element, value: element}. 3.) but no luck isn't specific. What actually happened? An error? An unexpected result? — mykaf
– mykaf, Commented Mar 9, 2023 at 14:28
Does this answer your question? JS : Convert Array of Strings to Array of Objects — pilchard
– pilchard, Commented Mar 9, 2023 at 14:34
and Convert array of strings into an array of objects or Convert array of string to array of object using es6 or lodash — pilchard
– pilchard, Commented Mar 9, 2023 at 14:35

Nina Scholz · Accepted Answer · 2023-03-09 14:21:00Z

2

You could take a new array with additional value for mapping.

const
    strings = ["abc", "def", "ghi"],
    result = [...strings, 'Others'].map(value => ({ label: value, value }));

console.log(result);

answered Mar 9, 2023 at 14:21

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Collectives™ on Stack Overflow

How to put array elements into object values?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related