Home/ Questions/Q 2811

Querify Question Shop: Explore Expert Solutions and Unique Q&A Merchandise Latest Questions

Author
  • 61k
Asked: 2024-11-26T08:51:09+00:00

The easy way to get unique values in array of array Javascript

  • 61k
const catsData = [     {         emotionTags: ["moody"],         isGif: false,         image: "angry.jpeg",         alt: "A cat looking moody",     },     {         emotionTags: ["moody", "insomniac"],         isGif: false,         image: "angry2.jpeg",         alt: "A cat looking moody",     },     ...........]
Enter fullscreen mode Exit fullscreen mode

Today I learn an easy method to get unique values in array of array. The catsData above show there is an array of object and i want to get the object.emotionTags data. 

function getEmotionsArray(cats){     const emotionsArray = [];     for (let cat of cats) {        emotionsArray.push(cat.emotionTags)     }     let flattenArr = emotionsArray.flat()     return [...new Set(flattenArr)] }
Enter fullscreen mode Exit fullscreen mode

I setup getEmotionsArray(cats) function

  • I set and empty array emotionsArray.

  • I use for of method to loop thru the cats data and then push emotionTags array into emotionsArray. 

[["moody"], ["moody", "insomniac"], ["moody"], ["confused", "sad"],.....]
Enter fullscreen mode Exit fullscreen mode

  • The emotionsArray will have array of array. 
["moody", "moody", "insomniac", "moody", "confused", "sad",...]
Enter fullscreen mode Exit fullscreen mode

  • Then I use Array.prototype.flat() method to flatten emotionsArray. 
["moody", "insomniac", "confused", "sad", "dominant", "happy", "relaxed", "hungry", "scared"]
Enter fullscreen mode Exit fullscreen mode

  • To get the unique values in the array simply use [...new Set(flattenArr)].

Eat, sleep, code, repeat!
Andrew Tan

beginnersjavascriptprogrammingwebdev
Share

Leave an answer

You must login to add an answer.

Need An Account,