Использование setTimeout в асинхронном цикле?

Question

[vetsmen]

Использую setTimeout внутри асинхронного цикла, однако делаю что-то не так:

const priceViewer = async () => {
    let items = await connection.query('SELECT * FROM Items WHERE status = 0 ORDER BY price DESC');

	for (let item of items) {
		await setTimeout(() => {
			console.log(item);
		}, 1000);
	}
};

Мне нужно, чтобы каждая итерация цикла проходила раз в секунду. Как я могу это сделать?

Answer 1

[Igor Koch]

items = [123, 456, 789];

async function showItems() {
  for (let item of items) {
    console.log(item);
    await sleep(1000);
  }
}

function sleep(ms) {
  return new Promise(resolve => {
    setTimeout(resolve, ms);
  });
}

showItems();

Comments

[vetsmen]

Ну это быдлокод какой-то, имхо. Забивать память заранее функциями с заранее указанным разным setTimeout... А если у меня количество items будет 10000? Я не думаю, что это разумный способ решения задачи.

[Igor Koch]

vetsmen,

let getNextItem = (index) => {
  if (!!items[index]){
    await setTimeout(() => {
      console.log(items[index]);
      getNextItem(index + 1)
    }, 1000);
  } 
}

getNextItem(0);

[vetsmen]

Igor Koch, ну да, это рекурсивный подход, только делал я его вот так:

(function checkPrice(i){
		if(i >= items.length) {
			return;
		}

		setTimeout(function(){
			console.log(items[i]);
			checkPrice(i + 1);
		}, 1000);
	})(0);

Однако мне интересен способ именно с for ... of и async/await. В любом случае, спасибо! Отмечу ваш ответ правильным чуть позже, пока дождусь других вариантов.

[Igor Koch]

vetsmen,

items = [123, 456, 789];

async function showItems() {
  for (let item of items) {
    console.log(item);
    await sleep(1000);
  }
}

function sleep(ms) {
  return new Promise(resolve => {
    setTimeout(resolve, ms);
  });
}

showItems();