Úloha 2 – Přístup k prvkům a manipulace s daty

Úvod do úlohy

Indexování je základní způsob, jak pracujeme s poli – právě díky němu můžeme jednoduše vybírat konkrétní prvky nebo je měnit. Každý prvek pole má své číslo (index), které začíná od 0. To je pro začátečníky často záludné, protože se přirozeně snaží číslovat od jedničky. Schopnost správně používat indexy je ale klíčová nejen pro čtení hodnot, ale také pro jejich úpravu nebo přidávání. Bez toho bychom nemohli efektivně pracovat s většími seznamy dat.

Teorie a principy

• Indexování od nuly: první prvek má index 0, druhý prvek index 1 atd.

• Přístup k prvku: pomocí hranatých závorek, např. pole[2] pro třetí prvek.

• Čtení mimo rozsah: pokud index neexistuje, JavaScript vrátí undefined.

• Změna prvku: přiřazením nové hodnoty k určitému indexu (pole[1] = "nová hodnota").

• Přidávání přes index: teoreticky můžeme napsat pole[5] = "text", ale tím vytvoříme „díru“ v poli – indexy mezi původní délkou a nově přidaným prvkem budou prázdné (undefined).

• Použití metod (push, pop, shift, unshift): mnohem bezpečnější a čitelnější cesta pro přidávání a mazání prvků.

Praktické příklady kódu

1. Přístup k prvkům podle indexu

2. Změna prvků přes index

3. Nevhodné přidávání přes vzdálený index

4. Správné přidávání pomocí metody push

Typické chyby / záludnosti

• Zapomenutí na index 0: studenti často hledají první prvek na indexu 1.

• Přístup mimo hranice: JavaScript nevyvolá chybu, ale vrátí undefined, což může zmást.

• „Díry“ v poli: přidání prvku přes vzdálený index vede k mezerám plným undefined, což je většinou nechtěné chování.

• Nesprávné mazání: pouhé nastavení prvku na undefined jej z pole neodstraní – prvek tam stále je, jen bez hodnoty.

Shrnutí

• Indexy začínají vždy od 0.

• Přístup probíhá přes pole[index].

• Čtení mimo rozsah → undefined.

• Prvky lze přepsat přes index, ale pro přidávání a odebírání používej raději metody (push, pop, shift, unshift).

• Vyhýbej se „dírám“ v poli vzniklým nesprávným přidáváním.

Úloha

Zadání (kontext úlohy):

Máš seznam oblíbených filmů. Potřebuješ z něj vypsat první a poslední film, upravit jeden z názvů a zjistit, jak dlouhý je celý seznam.

Cíl úlohy:

Procvičit práci s indexy v poli – čtení, úpravu a práci s délkou.

Vstupní podmínky:

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

Požadovaný výstup:

1. Vytvoř pole se 3 názvy filmů.

2. Vypiš do konzole první film v poli.

3. Vypiš do konzole poslední film v poli (použij vlastnost .length).

4. Změň druhý film v poli na jiný název.

5. Vypiš do konzole novou délku pole.

Doplňující pokyny:

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

• Poslední prvek má index pole.length - 1.

• Pokud se pokusíš vypsat prvek mimo rozsah, uvidíš undefined.

Řešení úlohy

Co je zde splněno

• Pole se 3 názvy filmů vytvořeno pomocí const.

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

• Vypsán poslední prvek pole pomocí filmy.length - 1.

• Druhý prvek (index 1) byl změněn na nový název.

• Vypsána délka pole pomocí .length.