SetTimeout и for как сделать их работать вместе?

Question

[marink0]

Почему это не работает и выдает задержку только единоразово? КАк сделать задержку между каждой итерацией лупа?

let array = ['111', '222', '333', '444']
for (let i = 0; i < array.length; i++) {
  setTimeout(() => {
    console.log(array[i])
  }, 1000)
}

Comments

[Strannyk]

Вы не сможете таймером приостановить выполнение цикла.

[marink0]

Strannyk, хм, ок. А можно пару слов что за этим стоит и как тогда решить подобную задачу?

[Strannyk]

Итерация цикла не может находиться в режиме ожидания - как только она завершится, выполняется проверка условия выхода из цикла и начинается следующая итерация либо цикл завершается. Какая задача-то перед вами стоит?

[marink0]

Strannyk, задача чисто теоретическая для обучения. Вот есть массив, как вывести данные в консоль через определенный интервал времени? Самым базовым, простым способом.

[Strannyk]

Товарищ ниже написал, проще некуда.

Answer 1

[DarthJS]

В данной ситуации лучше рекурсия подойдет:

let arra = ['111', '222', '333', '444']
function deley (iterator) {
	
   let i = iterator || 0;
   setTimeout(function () {

  console.log(arra[i]);
  i++;
  if(i < arra.length){
   deley(i)
}
}, 2000);
}

deley();

P.S. никогда не забывай указывать условие выхода :)