Úloha 1 – Operace s polem – přidání, výpis a délka

Úvod do úlohy

Pole patří mezi nejdůležitější datové struktury v programování, protože umožňují uchovávat více hodnot pod jedním názvem. Místo toho, abychom měli desítky samostatných proměnných, můžeme mít jedno pole, ve kterém jsou všechny hodnoty uspořádané a přístupné podle pořadí. Tento princip je užitečný například při práci se seznamem studentů, výsledků testu nebo názvy produktů v e-shopu. Správné pochopení polí je proto klíčové pro psaní efektivního a přehledného kódu.

Teorie a principy

• Deklarace pole: Pole se zapisuje pomocí hranatých závorek [].

• Inicializace pole: Při vytváření můžeme rovnou vložit hodnoty – pole tedy může být prázdné nebo plné dat.

• Uspořádání prvků: Každá hodnota má svou pozici (index), který začíná od nuly.

• Použití const: Obvyklou konvencí je deklarovat pole pomocí const. To znamená, že neměníme samotnou referenci na pole, ale přidávat, měnit nebo mazat prvky v něm je stále možné.

• Dynamická délka: Na rozdíl od některých jiných jazyků je v JavaScriptu délka pole pružná – pole se může během běhu programu zvětšovat i zmenšovat.

Praktické příklady kódu

1. Deklarace a inicializace

2. Přístup k prvkům a délce

3. Přidávání a odebírání hodnot

Typické chyby / záludnosti

• Indexování od nuly: Začátečníci často zapomenou, že první prvek je na pozici 0, nikoliv 1.

• Záměna const s neměnností: const neznamená, že pole je neměnné – zakazuje pouze přiřazení nové reference.

• Přístup mimo rozsah: Pokud se pokusíme získat prvek na indexu, který neexistuje, dostaneme undefined.

• Mix datových typů: Pole může obsahovat různé typy hodnot, ale přílišná směsice dat znesnadňuje práci a snižuje čitelnost kódu.

Shrnutí

• Pole ukládá více hodnot pod jedním názvem a prvky jsou indexované od nuly.

• Deklarace probíhá pomocí [] a nejčastěji s klíčovým slovem const.

• Délka pole se může během běhu programu měnit.

• Přístup k prvkům probíhá pomocí indexů, délku zjistíme vlastností .length.

• Pozor na typické chyby: indexování od nuly, práce s const a přístup mimo rozsah.

Úloha

Zadání (kontext úlohy):

Škola si vede seznam studentů v jedné třídě. Tento seznam chceme uložit do programu, přidat do něj nového studenta a pak zjistit, kolik studentů je aktuálně v seznamu.

Cíl úlohy:

Procvičit deklaraci pole, přístup k prvkům a práci s délkou pole.

Vstupní podmínky:

Student pracuje pouze s nově vytvořeným souborem script.js.

Požadovaný výstup:

1. Vytvoř pole s alespoň 3 jmény studentů.

2. Vypiš do konzole první jméno v poli.

3. Přidej do pole jedno nové jméno.

4. Vypiš do konzole počet všech studentů v seznamu.

Doplňující pokyny:

• Nezapomeň, že první prvek má index 0.

• Používej const pro vytvoření pole.

• Pokud se pokusíš vypsat neexistující prvek, uvidíš hodnotu undefined.

Řešení úlohy

Co je zde splněno

• Vytvořeno pole se 3 jmény studentů pomocí const.

• Vypsán první prvek pole (index 0).

• Do pole byl přidán nový student metodou .push().

• Zobrazen počet všech studentů v poli (.length).

Poznámky

• Pokud bys napsal studenti[10], dostaneš undefined, protože tento index zatím neexistuje.

• const znamená, že proměnnou studenti nemůžeme nahradit novým polem, ale můžeme měnit její obsah (přidávat/mazat studenty).