Ottimizzazione delle operazioni cicliche in JavaScript

Anche un'operazione leggera, ripetuta più volte in un ciclo, può consumare molte risorse.

Diamo un'occhiata a un esempio. Supponiamo di avere un array:

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

Troviamo la media degli elementi di questo array. Per fare ciò, dobbiamo trovare la somma degli elementi e dividerla per la loro quantità. Supponiamo che un programmatore abbia già risolto questo compito nel modo seguente:

javascriptlet avg  = 0;

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

console.log(avg);

Consideriamo i problemi di questa soluzione. Tecnicamente, il codice funziona correttamente e fornisce la risposta giusta. Il fatto è che matematicamente è corretto sia dividere l'intera somma per la quantità, sia dividere ciascun addendo per la quantità.

Tuttavia, sorge un altro problema. Il fatto è che eseguiremo la divisione tante volte quanti sono gli elementi nel nostro array. E risulta che stiamo facendo un gran numero di operazioni superflue, dato che avremmo potuto eseguire la divisione alla fine - una volta, dividendo l'intera somma trovata.

Ottimizziamo il nostro codice:

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);