reactjs - 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.

question from:https://stackoverflow.com/questions/65903319/how-to-extract-only-values-from-array-of-objects-and-put-it-to-an-array-using-re

Answer 1

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);