Úloha 1 – Práce s polem složeným z objektů

Úvod do úlohy

Kombinace polí a objektů patří k nejčastějším datovým strukturám v JavaScriptu. Zatímco jednotlivý objekt slouží k reprezentaci jedné entity (například jednoho uživatele), pole nám umožňuje uchovávat více těchto objektů pohromadě. To je přesně to, co budeme potřebovat při práci s databázemi, seznamy produktů, přihlášenými účastníky kurzu nebo třeba kontakty v adresáři. V této části se proto naučíme, jak do pole ukládat objekty a jak zajistit správný pořádek vložených prvků.

Teorie a principy

• Pole objektů = pole, ve kterém je každý prvek objekt se stejnou (nebo podobnou) sadou vlastností.

• Nejčastější operace:

  • push(objekt) – přidá objekt na konec pole.

  • unshift(objekt) – přidá objekt na začátek pole.

• Pole je uspořádaná kolekce, takže pořadí prvků závisí na tom, jak jsme objekty vkládali.

• Při práci s poli objektů je dobré dodržovat konzistenci vlastností – všechny objekty by měly mít stejné klíče (např. name, age, email), aby se s nimi dalo jednoduše pracovat.

Praktické příklady kódu

Výsledek: na prvním místě se objeví Karel (přidaný pomocí unshift), poté Petr a Eva (přidaní push).

Typické chyby / záludnosti

• Záměna push a unshift – push přidává na konec, unshift na začátek. Studenti si je často pletou.

• Vkládání jiných typů než objektů – někdo omylem přidá číslo nebo řetězec, místo aby vytvořil objekt.

• Nekonzistentní vlastnosti – např. jeden objekt má name, jiný jmeno. To pak komplikuje výpisy.

• Pokus o přiřazení přímo k indexu bez pole:

   

Shrnutí

• Pole může obsahovat i objekty – obvykle se stejnou sadou vlastností.

• push() přidá objekt na konec, unshift() na začátek pole.

• Pole je uspořádané – pořadí závisí na způsobu vložení.

• Při práci s poli objektů je důležité dbát na konzistenci názvů vlastností.

Úloha

Zadání (kontext úlohy):

Máš vytvořit jednoduchý seznam účastníků kurzu. Každý účastník bude objekt s několika vlastnostmi a všechny účastníky uložíš do pole. Vyzkoušíš si přidávání na začátek i konec pole a nakonec všechny vypíšeš do stránky.

Cíl úlohy:

Procvičit si kombinaci polí a objektů – vytváření objektů, ukládání do pole, použití metod push() a unshift() a následný výpis.

Vstupní podmínky:

• Student pracuje se soubory index.html a script.js.

• Do stránky bude vypisovat pomocí document.write().

Požadovaný výstup:

1. Vytvoř tři objekty účastníků, každý s vlastnostmi jmeno, vek, email.

2. Vytvoř prázdné pole ucastnici.

3. Přidej dva účastníky na konec pole pomocí push().

4. Přidej jednoho účastníka na začátek pole pomocí unshift().

5. Pomocí cyklu vypiš všechny účastníky ve formátu:
   1. Jméno (věk let), email: ...
   (číslování začíná od 1).

Doplňující pokyny:

• Používej const pro deklaraci objektů i pole.

• Dbej na konzistenci názvů vlastností (jmeno, ne jednou jmeno a podruhé name).

• Připomeň si rozdíl mezi push a unshift.

Řešení úlohy

Co je zde splněno

• Vytvořeny 3 objekty účastníků s vlastnostmi jmeno, vek, email.

• Vytvořeno prázdné pole ucastnici.

• Použito push() pro přidání na konec.

• Použito unshift() pro přidání na začátek.

• Výpis účastníků včetně číslování začínajícího od 1.