How do you extract a value from the array based on index of another array?

Question

How do i extract the label in the countryOptions array based on the index on the checkbox?

const checkbox = [1, 2]

export const countryOptions = [
    {
        label: 'Malaysia',
        index: 1,
    },
    {
        label: 'Singapore',
        index: 2,
    },
    {
        label: 'Brazil',
        index: 3,
    },
]

Example output:

const country = ['Malaysia', 'Singapore']

David Sainez · Accepted Answer · 2022-04-20 19:29:39Z

1

This a classic use case for filter and map:

filter the array by checking if the index is included in checkbox
map the matching objects to their respective label

const checkbox = [1, 2];
const countryOptions = [{
    label: 'Malaysia',
    index: 1,
},{
    label: 'Singapore',
    index: 2,
},{
    label: 'Brazil',
    index: 3,
}];

let country = countryOptions
.filter(x => checkbox.includes(x.index))
.map(x => x.label);

console.log(country);

edited Apr 20, 2022 at 19:29

answered Apr 20, 2022 at 19:18

David Sainez

7,0763 gold badges29 silver badges50 bronze badges

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

Comments

GBourke · Accepted Answer · 2022-04-20 19:02:13Z

1

Define the countries array
Iterate through checkbox array
for each checkbox array item, find the matching index in the country array
if a country is found, add its label to the countries array

Assuming that the country index is a number, and checkbox array always holds numbers.

let countries = [];

checkbox.forEach(countryIndex => {
  let country = countryOptions.find(country => country.index === 
  countryIndex);
  if (country) {
    countries.push(country.label);
  } else {
    //the country was not found, maybe an error you want to handle or notify the user.
  }
})

answered Apr 20, 2022 at 19:02

GBourke

1,9631 gold badge11 silver badges17 bronze badges

Collectives™ on Stack Overflow

How do you extract a value from the array based on index of another array?

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