Как выполнить синхронную итерацию массива?

Question

[Евгений Кучеренко]

Подскажите, как выполнить синхронную итерацию? Консоль должная выводить последовательно 1, 2, ... с разной задержкой и вернуть массив значений * 2

let array = Array.from({ length: 10 }, (v, k) => k)

const fn = (el) =>
  setTimeout(() => {
  	console.log(el)
        return el * 2;
  },
  1000 * Math.random()
)

console.log(array.map(fn))

Answer 1

[Виктор Л]

arr = Array.from({ length: 10 }, (v, k) => k);

function timeout(val){
    return new Promise((resolve, reject)=>{
        setTimeout(()=>{
            console.log(val);
            resolve();
        }, 1000 * Math.random());
    });
}
(async () => {
  for (const val of arr) {
    await timeout(val);
  }
  console.log('Расчет окончен');
})();

Answer 2

[Negwereth]

Сначала промапить, потом выводить?

Comments

[Евгений Кучеренко]

Наоборот

[Negwereth]

Евгений Кучеренко: ну, такие фокусы с map не пройдут. Надо писать свой итератор, в котором во внешний массив писать значения с каждой итерации.

Answer 3

[Islam Ibakaev]

попробуй так

let array = Array.from({ length: 10 }, (v, k) => k);

const fn = (el) => {
  setTimeout(() => { console.log(el) }, 100 * el);
  return el * 2;
};

console.log(array.map(fn));

Comments

[Евгений Кучеренко]

)) Тут вопрос в синхронном выполнении асинхронной операции

[Islam Ibakaev]

Евгений Кучеренко:

Придётся создать массив с задержками заранее, чтобы отформатировать его по возрастанию В итоге, числа выскочать последовательно и с разными задержками

solution - https://repl.it/IeF1/1

let array = Array.from({ length: 10 }, (v, k) => k);

const getDelay = () => 1000 * Math.random();


var delays = array.map(getDelay).sort((a, b) => a > b); // по возрастанию

console.log(delays); // подготовил заранее

const fn = (el) => {
	var delay = delays.shift(); 
	
	// console.log(`delay for ${el} :`, delay);
	
  setTimeout(() => { 
  	console.log(el);

  }, delay);
  
  return el * 2;
};

console.log(array.map(fn));