Úloha 5 – Metody trim(), substring(), slice(), concat() a split() v praxi

Úvod do úlohy

Řetězce (stringy) jsou jedním z nejpoužívanějších datových typů v JavaScriptu. Uchovávají jména, hesla, zprávy, cesty k souborům… Abychom s nimi mohli efektivně pracovat, nabízí JavaScript velké množství metod. Mezi ty základní patří substring(), slice(), trim(), concat() a split(). Díky nim umíme vybrat část textu, odstranit mezery, spojovat texty dohromady nebo rozdělit větu na jednotlivá slova.


Teorie a principy + příklady

1) substring(start, end)

  • Vrátí část řetězce od pozice start do pozice end (bez ní).

  • Indexování začíná od 0.

  • Pokud vynecháme end, vezme se až do konce řetězce.

⚠️ Pozor: substring neumí pracovat se zápornými indexy (ignoruje je a bere 0).


2) slice(start, end)

  • Podobné jako substring, ale umí i záporné indexy.

  • Záporný index počítá od konce řetězce.


3) trim()

  • Odstraní mezery (a jiné bílé znaky jako tabulátor nebo nový řádek) na začátku a konci řetězce.

  • Velmi užitečné při práci s uživatelským vstupem.


4) concat()

  • Spojí (zřetězí) dva nebo více řetězců dohromady.

  • Prakticky totéž jako použití +.


5) split(separator)

  • Rozdělí řetězec na pole podle oddělovače (separator).

  • Pokud je oddělovač prázdný řetězec "", rozdělí se po znacích.


Typické chyby

  • Záměna substring a slice – oba vypadají podobně, ale slice podporuje záporné indexy, substring ne.

  • Očekávání, že trim() odstraní i mezery uprostřed textu – odstraní pouze začátek a konec.

  • Zapomenutí na mezery při spojování textů – concat() a + nespojí automaticky mezery, musíme je přidat ručně (" ").

  • Použití split() bez uvědomění si oddělovače – pokud text neobsahuje oddělovač, vrátí se celé pole s jedním prvkem.


Shrnutí

  • substring(start, end) – výběr části textu (nepodporuje záporné indexy).

  • slice(start, end) – výběr části textu, umí i záporné indexy.

  • trim() – odstraní bílé znaky na začátku a konci řetězce.

  • concat() – spojí řetězce (obdoba +).

  • split(separator) – rozdělí text na pole podle oddělovače.