Collect unique values of array in an array React

Question

Can someone let me know how I can create a list of unique languages from an array inside another array.

This is the dataset...

const people = [
{
    //Other values, name date etc.
    languages: ["English", "Spanish"]
},{
    //Other values, name date etc.
    languages: ["English", "Mandarlin"]
},{
    //Other values, name date etc.
    languages: ["Japanese"]
},....

and here is as far as I've got....

const languagesOptions = this.props.data.map((item, index) => {
  new Map(
    ...item.languages.map(d => [d.languages])
  )
});

I can use the new Map function when it's not an array but can't get it to work with the languages data.

Thanks

kind user · Accepted Answer · 2020-10-19 16:20:27Z

1

You could map over it and use Set to remove dupes.

const people = [{
  languages: ["English", "Spanish"]
}, {
  languages: ["English", "Mandarlin"]
}, {
  languages: ["Japanese"]
}];

const languages = [...new Set(people.flatMap(({ languages }) => languages))];

console.log(languages);

answered Oct 19, 2020 at 16:20

kind user

42k8 gold badges69 silver badges78 bronze badges

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

Collectives™ on Stack Overflow

Collect unique values of array in an array React

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