Ú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

1. 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:

2. 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.

3. 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

  • length je 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í.