Ú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
substringaslice– oba vypadají podobně, aleslicepodporuje záporné indexy,substringne. -
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.