Оптимизация цикличных операций в JavaScript

Даже легкая операция, многократно повторенная в цикле, может отнять много ресурсов.

Давайте посмотрим на примере. Пусть у нас дан некоторый массив:

javascriptlet arr = [1, 2, 3, 4, 5, 6];

Давайте найдем среднее от элементов этого массива. Для этого нужно найти сумму элементов и поделить ее на количество. Пусть некий программист уже решил эту задачу следующим образом:

javascriptlet avg  = 0;

for (let elem of arr) {
  avg += elem / arr.length;
}

console.log(avg);

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

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

Давайте оптимизируем наш код:

javascriptlet sum = 0;

for (let elem of arr) {
  sum += elem;
}

let avg = sum / arr.length;
console.log(avg);

javascriptfor (let i = 1900; i <= 2100; i++) {
  let curr = new Date;
  let date = new Date(i, curr.getMonth(), curr.getDate());
  
  if (curr.getDay() === date.getDay()) {
    console.log(date);
  }
}

javascriptlet obj = {a: 10, b: 20, c: 30, d: 40, e: 50};
let sum = 0;
  
for (let key in obj) {
  if (String(obj[key])[0] === '1' || String(obj[key])[0] === '2') {
    sum += obj[key];
  }
}

console.log(sum);