Как сделать цикл в цикле синхронно?

Question

[freshik312]

Здравствуйте,

Нужно сделать цикл, в цикле, что бы работало синхронно
у меня есть:

const arr = [1,2,3,4,5]
for(const item of arr){
   console.log('check: ' + item)
   if(something !== NULL){  //тут моя проверка
      const arr2 = [a,b,c]
      for(const item2 of arr2){
         console.log('item: ' + item2);
      }
   }
}

ожидаемы результат:

spoiler

check: 1
   item: a
   item: b
   item: c
check: 2
   item: a
   item: b
   item: c
check: 3
   item: a
   item: b
   item: c
check: 4
   item: a
   item: b
   item: c
check: 5
   item: a
   item: b
   item: c

Получаю:

spoiler

check: 1
check: 2
check: 3
check: 4
check: 5
   item: a
   item: b
   item: c
   item: a
   item: b
   item: c
   item: a
   item: b
   item: c
   item: a
   item: b
   item: c
   item: a
   item: b
   item: c

Comments

[Илья Герасимов]

Работает как ожидается:


Нужен весь код, потому что я уверен что тут if(something !== NULL){ //тут моя проверка у тебя ожидание промиса

[freshik312]

Илья Герасимов, там идете поиск по базе, в результате я получаю массив(arr2), который потом прогоняю
т.е. :

const arr = [1,2,3,4,5]
for(const item of arr){
   console.log('check: ' + item)
   var sql = ... //поиск по базе, возвращает arr2
   const arr2 = [a,b,c]
   for(const item2 of arr2){
      console.log('item: ' + item2);
   }
}

[Илья Герасимов]

freshik312, оберните в async и дожидайтесь ответа от бд, прежде чем переходить к следующей итерации

(async () => {
  const arr = [1, 2, 3, 4, 5];
  for (const item of arr) {
    console.log('check: ' + item);

     // тут бегаем за данными
    const arr2 = await new Promise(res =>
      setTimeout(
        () => res(Array.from(Array(10)).map(() => Math.random())),
        100,
      ),
    );

    if (arr2.length > 0) {
      for (const item2 of arr2) {
        console.log('item: ' + item2);
      }
    }
  }
})();

[freshik312]

Илья Герасимов,

check:  1
item: 0.8646530943710509
item: 0.8897251267005548
item: 0.5351414290624144
item: 0.5281588291054038
item: 0.13956929885627023
item: 0.3655361463133582
item: 0.9158718336299974
item: 0.5381425800905026
item: 0.14516120018486323
item: 0.14318996122173377

[freshik312]

Илья Герасимов, я думал использовать модуль (async) для данной проверки, с использованием функции forEachOf:

forEachOf(){
   forEachOf(){

   }
}

но тут проблема с калбеками

[Илья Герасимов]

freshik312, мой вариант с async/await рабочий, его можно проверить в консоле браузера, хром поддерживает, можно использовать его или async на коллбеках (ваш вариант) или чистые промисы, что угодно, вам важно дождаться данных от бд, прежде чем переходить к следующей итерации.

[freshik312]

Илья Герасимов, если сделать в внутри первого перебора

const arr = [1, 2, 3, 4, 5];
  for (const item of arr) {...

функцию в которой 2ой перебор и ждать от нее ответ, получится ? если да, как поймать ответ ?

Answer 1

[Ilya]

Так оно у тебя так и работает

Comments

[freshik312]

нет, работает так:

check:  1
check:  2
...
check: 5
   item a
   item b
   item c
...
   item a
   item b
   item c

[freshik312]

Ilya поправил вопрос