Как упростить такой цикл?

Question

[it_pear_yurec]

ports = [
    '1',
     '2',
      '3'
  ];
  urls= [
    'q',
    'w',
    'e',
    'r',
    't'
  ];
i = 0;
ii =0;
  let number = ports.length;
 for (const url of urls) {
    
    // let urlafter = url.replace(/ /g, '%20');
    
    console.log(ii + 1);
    if (i > number - 1) {
      i = 0;
    }


      if (ports[i] == '' ) {
        console.log('hyi');

        if (i > number - 1) {
          i = 0;
        } else {
          i++;
        }
    console.log(port[i] + ' ' + url );
}

я получаю результат = q 1, w 2, e 3, r 1, t 2

Как упростить данный цикл, чтобы проходить по одному массиву вкладывая тело другого и сбрасывать тело другого до первого элемента массива, пока идет перебор основного массива, надеюсь вы поняли))

Answer 1

[Alexandroppolus]

urls.forEach((url, i) => {
    console.log(url + ' ' + ports[i % ports.length]);
});

Comments

[it_pear_yurec]

как называются такие циклы ???
и что за оператор такой % ?

[it_pear_yurec]

с async дружить будет ? а то в доках написано обратное

[Алексей Дубровин]

it_pear_yurec,
1) Это методы масива.
2) % - возвращает остаток от деления
3) С async дружит всё, зависит от того как вы это напишите

[Alexandroppolus]

it_pear_yurec, forEach - метод массива, который вызывает переданную функцию для каждого элемента. Передает в функцию сам элемент, его номер и весь массив.

С async дружит "частично". То есть передать в него async- функцию можно, и она даже будет авайтить, но все эти авайты запустятся параллельно, а не последовательно, в отличии от итераций обычного цикла в async функции

[Сергей Соколов]

it_pear_yurec, Если там требуется последовательная асинхрота:

async function zipper() {
  const ports = [ "1", "2", "3" ];
  const urls = [ "q", "w", "e", "r", "t", "y" ];
  for (let i = 0; i < urlsLength; i++) {
    const combo = urls[i] + ports[i % ports.length];
    await getSomePromise(combo);
  }
}

[WbICHA]

Сергей Соколов, или редьюсом.