Почему идёт вывод последнего индекса?

В общем, возникла одна проблема, есть примерно такой код

const list = [{
 name : "Alex"
},
{
 name: "John"
},
{
name : "Jusy"
}]

Проблема в том, что я циклом делал пробежку, чтобы выводить по очереди каждое имя

for(name of list) {
 console.log(name)
}


Но в итоге получал всегда лишь последний index, как мне делать пробег так, чтобы выводилось всё по очереди
к примеру если нужно сделать так:
for(name of list) {
 element.innerHTML = name
 reply()
}

В чём проблема, подскажите пожалуйста


Ответы (2 шт):

Автор решения: dmitriy_vlz

Вот так попробуй, друг.

const list = [{
 name : "Alex"
},
{
 name: "John"
},
{
name : "Jusy"
}]


for(let name of list) {
 element.innerHTML = name.name
 reply()
}
→ Ссылка
Автор решения: UModeL

Циклом Вы перебираете объекты в массиве, но надо же и ключ указывать, если нужно конкретное значение:

const list = [
  { name: "Alex" },
  { name: "John" },
  { name: "Jusy" }
]

for (obj of list) {
  console.log(obj.name)
}

В цикле по очереди создаются и добавляются параграфы, исходя из перебираемых объектов и найденных ключей и их значений:

const list = [
  { name: "Alex" },
  { name: "John" },
  { name: "Jusy" }
]

for (obj of list) {
  console.log(obj.name);
  document.body.insertAdjacentHTML('beforeend', `<p>${obj.name}</p>`);
}

→ Ссылка