Úvod do úlohy

Spread operátor (...) patří k moderním a velmi praktickým nástrojům jazyka JavaScript. Umožňuje „rozbalit“ obsah pole (nebo jiné iterovatelné struktury) tak, jako bychom jednotlivé prvky vypsali ručně. Díky tomu dokážeme jednoduše vytvářet kopie polí, spojovat je dohromady nebo elegantně měnit jejich části. Kód se tím stává kratším, čitelnějším a zároveň bezpečnějším, protože se vyhneme ručnímu přepisování prvků.

Teorie a principy

  • Spread operátor ...:

    • Rozloží pole na jeho prvky.

    • Používá se uvnitř [] pro tvorbu nových polí nebo u funkcí jako argument.

  • Kopie pole: const novePole = [...puvodniPole]; vytvoří novou kopii, která není propojena s původním polem (mělká kopie).

  • Spojování polí: Místo concat() můžeme přímo napsat [...pole1, ...pole2].

  • Kombinace se slice(): Pomocí slice() si vybereme část pole a pak ji rozbalíme do nového pole společně s jinými prvky.

  • Omezení – mělká kopie: pokud pole obsahuje objekty nebo vnořená pole, spread zkopíruje pouze odkazy, nikoli celé struktury.

Praktické příklady kódu

1. Kopírování pole

2. Spojování polí

3. Kombinace se slice()

4. Ukázka mělké kopie

Typické chyby / záludnosti

  • Záměna se zkratkou: ... funguje jen při vytváření nových polí nebo volání funkcí, samostatně nedává smysl.

  • Očekávání hluboké kopie: spread kopíruje jen odkazy na objekty uvnitř pole, takže u složitějších dat není nezávislý.

  • Zapomenutí na hranaté závorky: ...pole bez [] nemá význam.

  • Příliš složité zápisy: i když lze spread řetězit, někdy je lepší kód rozdělit na více kroků pro čitelnost.

Shrnutí

  • Spread operátor ... rozbaluje prvky pole.

  • Umožňuje rychlé kopírování a spojování polí.

  • Ve spojení se slice() dokáže elegantně vytvořit nové varianty pole.

  • Výsledný kód je kratší a přehlednější než ruční manipulace.

  • Spread vytváří pouze mělkou kopii – u vnořených struktur to může vést k nečekanému chování.