Úloha 2 – Iterace pole objektů třemi typy cyklů
Úvod do úlohy
Pole objektů patří k základním strukturám, se kterými se v JavaScriptu setkáte na každém kroku. Umožňují uchovávat více záznamů stejného typu – například seznam studentů, produktů nebo objednávek – a zároveň ke každému objektu přistupovat podle potřeby. Klíčovou dovedností je naučit se pole projít a z každého objektu vyčíst jeho vlastnosti. K tomu můžeme využít různé způsoby: klasický for cyklus, moderní for…of a také velmi oblíbenou metodu forEach().
Teorie a principy
-
Nejprve vždy získáme prvek pole podle indexu – například
pole[0]. Tento prvek je objekt, a proto k jeho vlastnostem přistupujeme standardně:pole[0].name,pole[0].age. -
Procházení pole můžeme provést několika způsoby:
-
for – klasický cyklus s indexem.
-
for…of – zjednodušený cyklus, který rovnou pracuje s prvky pole.
-
forEach() – metoda pole, která spustí funkci pro každý prvek. Je čitelná a přehledná, ale neumí cyklus přerušit.
-
Praktické příklady kódu
Typické chyby / záludnosti
-
Přístup k poli jako k objektu:
studenti.name→ špatně. Správněstudenti[0].name. -
Záměna cyklů:
for…inje určen pro vlastnosti objektu, nikoli pro prvky pole. Správně použítfor,for…ofneboforEach(). -
Zapomenutí závorek u metody:
studenti.forEachje jen odkaz na funkci, zatímcostudenti.forEach(...)ji opravdu spustí. -
Očekávání, že
forEachlze přerušit – nefungujebreak, proto pokud potřebujeme ukončit cyklus dříve, použijeme klasickýfor.
Shrnutí
-
V poli objektů nejprve získáme prvek podle indexu, a až pak jeho vlastnost.
-
Pro procházení pole můžeme využít:
-
fors indexem (největší kontrola), -
for…of(jednodušší a čitelnější), -
forEach()(pohodlná metoda pole, vhodná pro úplné projití).
-
-
Dávej pozor na rozdíly mezi přístupem k polím a objektům a na správné použití notace.