Úloha 2 – Iterace pole objektů třemi typy cyklů
Úloha
Zadání (kontext úlohy):
Vytváříš jednoduchý systém pro e-shop, kde je potřeba zobrazit seznam objednávek zákazníků. Každá objednávka má číslo, název produktu a cenu. Tvým úkolem je pole objednávek projít a vypsat je na stránku různými způsoby.
Cíl úlohy:
Procvičit si práci s polem objektů a jeho procházení pomocí for, for…of a forEach().
Vstupní podmínky:
-
Student pracuje se soubory
index.htmlascript.js. -
Do stránky se vypisuje pomocí
document.write().
Požadovaný výstup:
-
Vytvoř pole
objednavky, které bude obsahovat alespoň 3 objekty se stejnými vlastnostmi:-
cislo(např. "ORD001"), -
produkt(např. "Klávesnice"), -
cena(např. 899).
-
-
Pomocí klasického for cyklu vypiš všechny objednávky ve formátu:
Objednávka ORD001 – Klávesnice (899 Kč). -
Pomocí for…of cyklu vypiš jen číslo objednávky a cenu.
-
Pomocí forEach() vypiš všechny objednávky s pořadovým číslem (1., 2., 3.…).
Doplňující pokyny:
-
Dbej na konzistenci vlastností (
cislo,produkt,cena). -
Nezaměň
for…ofzafor…in(ten je určen pro objekty). -
Pro čitelnost odděluj části výstupu
<hr>.