Need some help...

Question

So, I have a project in school that I am very confused on. My part is to create a function that lists out the names of the super heroes from this list
var superheroes = [{
  Name: "Incredible Hulk",
  Color: "Green",
  Superpower: "Strength"
}, {
  Name: "Superman",
  Color: "Blue",
  Superpower: "Flying"
}, {
  Name: "Hawkeye",
  Color: "Purple",
  Superpower: "Archery"
}];
I need to do it in such a way that if more names were added they would also appear in the list. I think using a for loop would be the best way but through all my trial and error I can't figure it out. Any hints/tips?

V. T van der Vlugt · Accepted Answer

To list all items with their properties and values , i'd use an for .. in loop, like this
jsfiddle (https://jsfiddle.net/oqbuwand/)
```javascript
var superheroes = [
    { 
      Name: "Incredible Hulk", 
      Color: "Green", 
      Superpower: "Strength" 
    }, 
    { 
      Name: "Superman",
      Color: "Blue", 
      Superpower: "Flying"
    }, 
    { 
      Name: "Hawkeye", 
      Color: "Purple", 
      Superpower: "Archery"
    }
];
//loop through all items in object
for (i = 0; i < superheroes.length; i++)
    {
//loop through all properties and their values of those items
            for (var valProp in superheroes[i]) 
        {
//print to console item with 
            console.log(superheroes[i][valProp]);     
        };
};
```
As im fairly new to javascript aswell i'd think there are better ways of doing this.
Hope this helps!

Jaro Schwab · Answer

Hey. 
Create a for loop which wil run as long as your index is smaler than the length of the Object. Then, in the body of the loop, use your index to log out the right object. So like this: 
js
console.log(object[index].Name);

I hope this will help you. Happy Coding :)

Welcome to the Treehouse Community

Looking to learn something new?

Noah Lampron

Noah Lampron

Need some help...

2 Answers

V. T van der Vlugt

V. T van der Vlugt

Jaro Schwab

Jaro Schwab