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:

let 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:

let 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:

let sum = 0;

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

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

Ottimizza il seguente codice:

for (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);
	}
}

Ottimizza il seguente codice:

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