Consejos para escribir código de bucles en JavaScript

A medida que estudias el lenguaje, la complejidad de tus programas crece. Es hora de hablar sobre cómo escribir código correctamente para que haga lo que tenías en mente. Te daré una buena metodología.

Supongamos que tienes una tarea de complejidad suficiente, para cuya implementación necesitas escribir una cierta cantidad de líneas de código.

Un enfoque incorrecto sería intentar escribir todo el código de la solución de una vez, y luego empezar a verificarlo. En este caso, hay una alta probabilidad de que nada funcione, y tengas que buscar el error en una gran cantidad de código.

El enfoque correcto es dividir la tarea en pequeños pasos elementales, que implementarás y verificarás inmediatamente su corrección. En este caso, incluso si te equivocas en algún lugar, notarás inmediatamente el problema y lo corregirás.

Probemos en la práctica. Por ejemplo, supongamos que se te da un array con números:

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];

Supongamos que tu tarea es tomar de este array aquellos elementos que son divisibles por 3 y encontrar su suma.

Como primer pequeño paso, propondría simplemente recorrer los elementos del array con un bucle y mostrarlos en la consola. Hagamos esto y asegurémonos de que todo funciona:

for (let elem of arr) {
	console.log(elem);
}

Ahora separemos aquellos elementos que son divisibles por 3. Mostrémoslos en la consola y asegurémonos de que obtenemos los elementos correctos:

for (let elem of arr) {
	if (elem % 3 === 0) {
		console.log(elem); // mostrará 3, 6, 9
	}
}

Ahora, como siguiente paso, podemos encontrar la suma de los elementos buscados:

let sum = 0;

for (let elem of arr) {
	if (elem % 3 === 0) {
		sum += elem;
	}
}

console.log(sum);

Dado el array:

let arr = [10, 20, 30, 40, 21, 32, 51];

Toma de este array aquellos elementos cuya primera cifra es 1 o 2, y encuentra su suma.