scrimba
Frontend Career Path
Essential JavaScript concepts
Meme Picker
What a horrible for loop
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

AboutCommentsNotes
What a horrible for loop
Expand for more info
index.js
run
preview
console
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",
},
{
emotionTags: ["moody"],
isGif: false,
image: "angry3.jpeg",
alt: "A cat looking moody",
},
{
emotionTags: ["confused", "sad"],
isGif: false,
image: "confused.jpeg",
alt: "A cat looking confused",
},
{
emotionTags: ["dominant", "moody"],
isGif: false,
image: "dominant.jpeg",
alt: "A cat looking dominant",
},
{
emotionTags: ["happy", "relaxed"],
isGif: false,
image: "happy.jpeg",
alt: "A cat looking happy",
},
{
emotionTags: ["hungry"],
isGif: false,
image: "hungry.jpeg",
alt: "A cat looking hungry",
},
{
emotionTags: ["hungry"],
isGif: false,
image: "hungry1.jpeg",
alt: "A cat looking hungry",
},
{
emotionTags: ["insomniac"],
isGif: false,
image: "insomnia.jpeg",
alt: "A cat looking insomniac",
},
{
emotionTags: ["insomniac"],
isGif: false,
image: "insomnia1.jpeg",
alt: "A cat looking insomniac",
},
{
emotionTags: ["relaxed"],
isGif: false,
image: "lazy.jpeg",
alt: "A cat looking lazy",
},
{
emotionTags: ["scared"],
isGif: false,
image: "nervous.jpeg",
alt: "A cat looking nervous",
},
{
emotionTags: ["sad"],
isGif: false,
image: "sad.jpeg",
alt: "A cat looking sad",
},
{
emotionTags: ["sad", "moody"],
isGif: false,
image: "sad1.jpeg",
alt: "A cat looking sad",
},
{
emotionTags: ["moody"],
isGif: true,
image: "angry.gif",
alt: "A cat looking moody",
},
{
emotionTags: ["moody"],
isGif: true,
image: "angry2.gif",
alt: "A cat looking angry",
},
{
emotionTags: ["confused"],
isGif: true,
image: "confused2.gif",
alt: "A cat looking confused",
},
{
emotionTags: ["dominant"],
isGif: true,
image: "dominant.gif",
alt: "A cat looking dominant",
},
{
emotionTags: ["happy"],
isGif: true,
image: "happy.gif",
alt: "A cat looking happy",
},
{
emotionTags: ["hungry", "sad", "confused"],
isGif: true,
image: "confused.gif",
alt: "A cat looking hungry",
},
{
emotionTags: ["hungry"],
isGif: true,
image: "hungry.gif",
alt: "A cat looking hungry",
},
{
emotionTags: ["hungry"],
isGif: true,
image: "hungry2.gif",
alt: "A cat looking hungry",
},
{
emotionTags: ["insomniac", "scared"],
isGif: true,
image: "insomnia2.gif",
alt: "A cat looking insomniac",
},
{
emotionTags: ["relaxed"],
isGif: true,
image: "lazy.gif",
alt: "A cat looking relaxed",
},
{
emotionTags: ["relaxed"],
isGif: true,
image: "relaxed2.gif",
alt: "A cat looking relaxed",
},
{
emotionTags: ["scared", "sad"],
isGif: true,
image: "nervous.gif",
alt: "A cat looking nervous",
},
{
emotionTags: ["scared"],
isGif: true,
image: "nervous2.gif",
alt: "A cat looking scared",
},
{
emotionTags: ["sad"],
isGif: true,
image: "sad.gif",
alt: "A cat looking sad",
},
]

function getEmotionsArray(cats){
const emotionsArray = []
for (let i = 0; i < cats.length; i++){
for (let j=0; j < cats[i].emotionTags.length; j++){
emotionsArray.push(cats[i].emotionTags[j])
}
}
console.log(emotionsArray)
}

// getEmotionsArray(catsData)

Console
/index.html
-2:57