Как сделать чтобы foreach работал линейно, а не асинхронно?

Question

[Maxla93]

Нужно реализовать паузу между каждым итемом в массиве, но как php не получается.
Подскажите как реализовать можно?

var arr = ["Яблоко", "Апельсин", "Груша"];


arr.forEach(function(item, i, arr) {

document.write(item);

  if ((i % 1) == 0)
  {
    document.write("пауза 1 секунды<br />");
    sleep(1);
  }

});

Answer 1

[napa3um]

const arr = ['Яблоко', 'Апельсин', 'Груша'];

const iterator = i => new Promise((resolve, reject) =>
    setTimeout(() => {
        console.log(arr[i]);
        resolve();
    }, 1000)
)
.then(() => i + 1 < arr.length ? iterator(i + 1) : null);

iterator(0)
.then(() => console.log('DONE'))
.catch(err => console.log(err));

Answer 2

[Евгений Кузовлев]

var arr = ["Яблоко", "Апельсин", "Груша"];
arr.forEach(function(item, i, arr) {
  console.log(item);
  if ((i % 1) === 0) {
    console.log("пауза 1 секунды<br />");
    setTimeout(function(){},1000);
  }
});

Comments

[napa3um]

Неверное решение, между выводами элементов массива паузы нет.

Answer 3

[Михаил]

Можно следать так.

var i = 0, l = arr.length;
(function iterator() {
    console.log(arr[i]);

    if(++i<l) {
        setTimeout(iterator, 1000);
    }
})();

Answer 4

[RubaXa]

Ну и насоветовали вам, в JS можно точно так же, как и PHP, функция sleep реализуется в две строки, смотрите как просто:

["Яблоко", "Апельсин", "Груша"].forEach((item, i) => {
   console.log(item);

   if ((i % 1) == 0) {
    console.log("пауза 1 секунды");
    sleep(1);
  }
});

function sleep(sec) {
  const end = Date.now() + sec * 1e3;
  while (end > Date.now());
}

Comments

[Дмитрий Беляев]

стоит добавить что такой sleep блокернет всю страницу/процесс (если node.js) и ничего другого в это время работать не будет
если браузер, то юзер даже поскролить страницу не сможет

[Дмитрий Беляев]

хотя топикстартер хочет грабли... пусть ловит грабли

[RubaXa]

И? Всё как в PHP, автор должен быть доволен.