How to extract only values from array of objects and put it to an array using react and javascript?

Question

i have an array of objects like below

const SelectedOptions = [
    {
        label: 'label1',
        value: '1',
    },
    {
        label: 'label2',
        value: '2',
    }
];

I use this selectedOption array in the onChange method of select menu like below

const App = () => {
    return (
        <Select
            options={options}
            onChange((selectedOptions) => {
                form.setFieldValue('optionsChosen', selectedOptions);
            });
        />
    );
}

Now the problem with above onChange method is that, i want to set field OptionsChosen to an array of values only.

so in the onchange method i want to map through selectedOptions and extract only values field and put it to optionsChosen field.

so the expected array to optionsChosen field is like below,

["1", "2"];

how can i do it. could someone help me with this. thanks.

AGE · Accepted Answer · 2021-01-26 14:45:09Z

9

You need to use map to convert an array of objects into an array of values

const SelectedOptions = [
{
    label: 'label1',
    value: '1',
},
{
    label: 'label2',
    value: '2',
}
];

result = SelectedOptions.map(option => option.value);

console.log(result);

edited Jan 26, 2021 at 14:45

AGE

3,7873 gold badges43 silver badges63 bronze badges

answered Jan 26, 2021 at 14:36

Ravi

2,2912 gold badges18 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

How to extract only values from array of objects and put it to an array using react and javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related