Всем привет!

Сегодня хотим рассказать интересный факт о скорости разных циклов. Вы знали, что forEach работает быстрее обычного for в 2–4 раза?

➡Вот доказательство:

const arr = new Array(10000).fill(0).map((_, i) => i);

function forFn() {
  let res;

  for (let i = 0; i < arr; i++) res = arr[i];
}

function forEachFn() {
  let res;

  arr.forEach(item => res = item);
}

function calculateLoopTime(callback) {
  const time = performance.now();
  callback();

  console.log(performance.now() - time);
}

calculateLoopTime(forFn); // от 0.3s до 0.7s
calculateLoopTime(forEachFn); // от 0 до 0.3s

➡Почему так происходит: for для работы своих итераций требуется каждый раз создавать переменную с текущим индексом, в то время как forEach обращается к элементу массива по его внутреннему индексу, а это гораздо быстрее.

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

@chulakov_dev