Porady dotyczące pisania kodu pętli w JavaScript

W miarę nauki języka złożoność twoich programów rośnie. Nadszedł czas, aby porozmawiać o tym, jak poprawnie pisać kod tak, aby robił to, co zamierzałeś. Dam ci dobrą metodologię.

Załóżmy, że przed tobą stoi zadanie o wystarczającej złożoności, do realizacji którego trzeba napisać pewną liczbę linii kodu.

Błędnym podejściem będzie próba napisania całego kodu rozwiązania od razu, a następnie rozpoczęcie jego sprawdzania. W tym przypadku istnieje wysokie prawdopodobieństwo, że nic nie zadziała, a błąd będzie trzeba szukać w dużej ilości kodu.

Prawidłowym podejściem jest podzielenie zadania na małe elementarne kroki, które będziesz implementować i od razu sprawdzać ich poprawność. W tym przypadku, nawet jeśli gdzieś popełnisz błąd, od razu zauważysz problem i go naprawisz.

Spróbujmy w praktyce. Załóżmy dla przykładu, że dana jest tablica z liczbami:

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

Załóżmy, że przed tobą stoi zadanie wzięcia z tej tablicy tych elementów, które dzielą się przez 3 i znalezienia ich sumy.

Pierwszym małym krokiem, który bym zaproponował, było po prostu przeiterowanie elementów tablicy pętlą i wypisanie ich w konsoli. Zróbmy to i przekonajmy się, że wszystko działa:

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

Teraz oddzielmy te elementy, które dzielą się przez 3. Wypiszmy je w konsoli i przekonajmy się, że otrzymujemy prawidłowe elementy:

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

Teraz kolejnym krokiem możemy znaleźć sumę poszukiwanych elementów:

let sum = 0;

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

console.log(sum);

Dana jest tablica:

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

Weź z tej tablicy te elementy, których pierwsza cyfra to 1 lub 2, i znajdź ich sumę.