Итерация массива объектов с использованием цикла for в javascript

Question

У меня есть объект x с кучей свойств. Одним из свойств является heroes, которое имеет значение массива объектов. Я заинтересован в переборе массива объектов heroes и получении доступа к определенным свойствам из него.

Вот код:

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

Я написал простую for loop, чтобы добиться того, чего я хотел, следующим образом:

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

Как я могу реализовать то же самое с помощью новейшего цикла ES6 for of?

Спасибо.

Answer 1

Вот решение с использованием для цикла , вам просто нужно вызвать повторяемый элемент, используя эту структуру:

for (variable of iterable) {
  console.log(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);
}

Answer 2

Попробуйте что-то вроде для ... из

 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); 

   }