Vinkkejä silmukoiden kirjoittamiseen JavaScriptissä

Ohjelmointikielen oppimisen myötä ohjelmiesi monimutkaisuus kasvaa. On aika puhua siitä, kuinka kirjoittaa koodia oikein siten, että se tekee mitä olet suunnitellut. Annan sinulle hyvän menetelmän.

Oletetaan, että edessäsi on riittävän monimutkainen tehtävä, jonka toteuttamiseksi täytyy kirjoittaa tietty määrä koodirivejä.

Väärä lähestymistapa on yrittää kirjoittaa koko ratkaisun koodi kerralla, ja vasta sitten aloittaa sen testaaminen. Tässä tapauksessa on suuri todennäköisyys, että mikään ei toimi, ja virhe täytyy etsiä suuresta määrästä koodia.

Oikea lähestymistapa on jakaa tehtävä pieniin perusasioihin, jotka toteutat ja tarkistat heti niiden oikeellisuuden. Tässä tapauksessa, vaikka tekisit virheen jossain, huomaat sen välittömästi ongelman ja korjaat sen.

Kokeillaan käytännössä. Otetaan esimerkiksi annettu taulukko numeroilla:

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

Oletetaan, että tehtävänä on ottaa tästä taulukosta ne alkiot, jotka ovat jaollisia 3:lla ja löytää niiden summa.

Ensimmäisenä pienenä askeleena ehdotan yksinkertaisesti käyvänsi taulukon alkiot läpi silmukassa ja tulostavan ne konsoliin. Tehdään tämä ja varmistutaan, että kaikki toimii:

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

Erotellaan nyt ne alkiot, jotka ovat jaollisia 3:lla. Tulostetaan ne konsoliin ja varmistutaan, että saamme oikeat alkiot:

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

Seuraavana askeleena voimme nyt löytää etsittävien alkioiden summan:

let sum = 0;

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

console.log(sum);

Annettu taulukko:

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

Ota tästä taulukosta ne alkiot, joiden ensimmäinen numero on 1 tai 2, ja laske niiden summa.