Оптимизация на циклични операции в 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);