Iterating an array of objects using for of loop in javascript

Question

I have an object x with a bunch of properties. One of the properties is heroes which has the value of array of objects. I am interested in iterating through the array of objects of heroes and accessing specific properties from it.

Here is the code:

x = {id: "prim1", description: "planner", heroes: [{name: "arrow", universe: "dc"}, {name: "shields", universe: "marvel"}]};

I have written a simple for loop to achieve what I wanted as follows:

for (let idx = 0; idx < x.heroes.length; idx++) {
   console.log(x.heroes[idx].universe);
}

How can I implement the same using the latest ES6's for of loop?

Thank you.

Take a look at this. developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… You have several options to iterate depending on what you want to do — yBrodsky
– yBrodsky, Commented Apr 30, 2018 at 17:04

Neji Soltani · Accepted Answer · 2018-04-30 17:09:39Z

1

Here's the solution using for of loop , you just need to to call the iterable element using this structure:

for (variable of iterable) {
  console.log(variable)
}

On each iteration you can get the current variable.

x = {
  id: "prim1",
  description: "planner",
  heroes: [{
    name: "arrow",
    universe: "dc"
  }, {
    name: "shields",
    universe: "marvel"
  }]
};

for (let idx = 0; idx < x.heroes.length; idx++) {
  console.log(x.heroes[idx].universe);
}

for (let o of x.heroes) {
  console.log(o.universe);
}

answered Apr 30, 2018 at 17:09

Neji Soltani

1,5114 gold badges24 silver badges43 bronze badges

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

1 Comment

Donut Over a year ago

Thank you Neji :) I wasn't invoking o.universe, instead I was calling x.heroes[o] which was of course returning undefined. A dumb mistake. Thank you again.

A l w a y s S u n n y · Accepted Answer · 2018-04-30 17:19:06Z

0

Try something like with for...of

 var x = {id: "prim1", description: "planner", heroes: [{name: "arrow",  universe: "dc"}, {name: "shields", universe: "marvel"}]};
  
   for (let item of x.heroes) {

     console.log(item.universe); 

   }

edited Apr 30, 2018 at 17:19

answered Apr 30, 2018 at 17:07

A l w a y s S u n n y

38.8k9 gold badges68 silver badges120 bronze badges

2 Comments

Neji Soltani Over a year ago

the question is how to impement the same loop using the latest ES6's for loop

A l w a y s S u n n y Over a year ago

@Neji , yes I just miss the word ES6's for of loop

Collectives™ on Stack Overflow

Iterating an array of objects using for of loop in javascript

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related