Tipy pro psaní kodu cyklů v JavaScriptu

S postupným studiem jazyka roste složitost vašich programů. Je čas promluvit si o tom, jak správně psát kód tak, aby dělal to, co jste zamýšleli. Dám vám dobrou metodiku.

Předpokládejme, že před vámi stojí úkol dostatečné složitosti, pro jehož realizaci je potřeba napsat určité množství řádků kódu.

Nesprávným přístupem je pokoušet se napsat celý kód řešení najednou, a teprve potom jej začít kontrolovat. V tomto případě je vysoká pravděpodobnost, že se vám nic nespustí, a chybu bude nutné hledat ve velkém množství kódu.

Správným přístupem je rozdělení úlohy na malé elementární kroky, které budete implementovat a okamžitě ověřovat jejich správnost. V tomto případě, i když někde uděláte chybu, si toho hned všimnete a opravíte ji.

Zkusme to v praxi. Pro příklad mějme dané pole s čísly:

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

Předpokládejme, že před vámi stojí úkol vzít z tohoto pole ty prvky, které jsou dělitelné 3 a najít jejich součet.

Jako prvním malým krokem bych navrhl prostě projít prvky pole cyklem a vypsat je do konzole. Udělejme to a přesvědčme se, že vše funguje:

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

Nyní oddělme ty prvky, které jsou dělitelné 3. Vypišme je do konzole a přesvědčme se, že dostáváme správné prvky:

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

Nyní dalším krokem můžeme najít součet hledaných prvků:

let sum = 0;

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

console.log(sum);

Dané pole:

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

Vezměte z tohoto pole ty prvky, jejichž první číslice je 1 nebo 2, a najděte jejich součet.