Úloha 1 – Zjištění délky a úprava textu v JavaScriptu
Úvod do úlohy
Řetězce (strings) jsou jedním z nejčastěji používaných typů dat v JavaScriptu. Potřebujeme je k práci s textem – ať už jde o zobrazování jména uživatele, validaci e-mailu nebo skládání výsledné zprávy. Abychom text dokázali efektivně zpracovávat, JavaScript nám nabízí celou řadu vlastností a metod, které můžeme na řetězcích využít. Porozumění těmto nástrojům je zásadní, protože právě práce s textem se objevuje téměř v každé praktické aplikaci.
Teorie a principy
-
Tečková notace
-
Pokud máme uložený řetězec v proměnné, přistupujeme k jeho vlastnostem a metodám pomocí tečky.
-
Například:
-
-
Vlastnosti vs. metody
-
Vlastnosti jsou hodnoty přidružené k objektu. U řetězců nejznámější je
.length, která udává počet znaků. Vlastnosti zapisujeme bez závorek. -
Metody jsou funkce, které na řetězci něco provedou (např. změní velikost písmen, vyříznou část textu, nahradí znak). Metody vždy voláme se závorkami
(), i když nemají žádný parametr.
-
-
Neměnnost řetězců
-
Důležité je pochopit, že metody nemění původní řetězec, ale vždy vrací nový řetězec.
-
Pokud chceme výsledek použít, musíme si ho uložit do proměnné.
-
Praktické příklady kódu
Typické chyby / záludnosti
-
Zapomenuté závorky u metod
-
Snaha změnit řetězec přímo
-
Záměna vlastností a metod
-
lengthje vlastnost, píše se bez závorek. -
toUpperCase()je metoda, vždy se závorkami.
-
Shrnutí
-
K vlastnostem a metodám přistupujeme pomocí tečkové notace.
-
Vlastnosti (např.
length) píšeme bez závorek. -
Metody (např.
toUpperCase()) píšeme vždy se závorkami. -
Řetězce jsou neměnné – metody vždy vrací nový řetězec, původní zůstává stejný.
-
Výsledky metod je potřeba si uložit, jinak se ztratí.