scrimba
Frontend Career Path
Essential JavaScript concepts
Meme Picker
Use a for of
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
Use a for of
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){
/*
Challenge:
1. Set up a "for of" in getEmotionsArray to iterate
over the data.
2. For now, just log out each cat object individually.
*/
}

getEmotionsArray(catsData)

Console
/index.html
-1:42