Conseils pour écrire du code de boucles en JavaScript

À mesure que vous apprenez le langage, la complexité de vos programmes augmente. Il est temps de parler de la manière d'écrire correctement le code afin qu'il fasse ce que vous aviez prévu. Je vais vous donner une bonne méthodologie.

Supposons que vous ayez une tâche d'une complexité suffisante, pour laquelle vous devez écrire un certain nombre de lignes de code.

Une approche incorrecte serait d'essayer d'écrire l'intégralité du code de la solution, puis de commencer à le vérifier. Dans ce cas, il est fort probable que rien ne fonctionne, et que vous deviez chercher l'erreur dans une grande quantité de code.

L'approche correcte consiste à diviser la tâche en petites étapes élémentaires, que vous implémenterez et vérifierez immédiatement pour leur exactitude. Dans ce cas, même si vous faites une erreur quelque part, vous remarquerez immédiatement le problème et le corrigerez.

Essayons cela en pratique. Prenons par exemple un tableau avec des nombres :

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

Supposons que vous ayez la tâche de prendre de ce tableau les éléments qui sont divisibles par 3 et de trouver leur somme.

Comme première petite étape, je proposerais de simplement parcourir les éléments du tableau avec une boucle et de les afficher dans la console. Faisons cela et assurons-nous que tout fonctionne :

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

Séparons maintenant les éléments qui sont divisibles par 3. Affichons-les dans la console et assurons-nous que nous obtenons les bons éléments :

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

Maintenant, l'étape suivante consiste à trouver la somme des éléments recherchés :

let sum = 0;

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

console.log(sum);

Soit un tableau :

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

Prenez dans ce tableau les éléments dont le premier chiffre est 1 ou 2, et trouvez leur somme.