Úloha 1 – JavaScript objekt: přístup, změna a přidávání vlastností
Úvod do úlohy
Objekty patří k nejdůležitějším stavebním kamenům jazyka JavaScript. Umožňují nám ukládat a organizovat související data do jedné struktury, místo abychom pracovali s mnoha jednotlivými proměnnými. V praxi se objekty používají k reprezentaci uživatelů, produktů, nastavení aplikace nebo třeba výsledků vyhledávání. Pokud se je naučíte používat správně už od začátku, otevřete si cestu k psaní přehlednějšího a udržovatelnějšího kódu.
Teorie a principy
-
Objekt je kolekce dvojic klíč: hodnota. Klíč bývá textový řetězec (název vlastnosti), hodnota může být libovolný datový typ – číslo, text, boolean, pole i jiný objekt.
-
Nejčastější způsob vytvoření objektu je objektový literál: zapisujeme jej mezi složené závorky
{}a jednotlivé vlastnosti oddělujeme čárkou. -
Používáme klíčová slova
constneboletpro deklaraci. Konvence je používatconst, protože tím zdůrazníme, že neměníme referenci na objekt, ale pouze jeho obsah.
Příklad:
K vlastnostem objektu přistupujeme pomocí:
-
tečkové notace:
uzivatel.jmeno -
hranaté notace:
uzivatel["vek"](užitečné, pokud je klíč dynamický nebo obsahuje mezery).
I když je objekt uložený v const, můžeme měnit jeho obsah:
Naopak nemůžeme přiřadit novou referenci:
Praktické příklady kódu
Typické chyby / záludnosti
-
Zapomenuté čárky mezi vlastnostmi:
→ Tento zápis vyvolá chybu.
-
Záměna rovnítka a dvojtečky:
-
Pokus o přiřazení nové reference k
constobjektu: to není dovoleno, měnit lze jen obsah. -
Použití nevhodných názvů klíčů: pokud obsahují mezery, musí být v uvozovkách, např.
"datum narození": "2000-01-01".
Shrnutí
-
Objekt je kolekce vlastností ve formátu klíč: hodnota.
-
Nejjednodušší zápis je objektový literál se složenými závorkami.
-
Klíče oddělujeme čárkami, hodnoty přiřazujeme pomocí dvojtečky.
-
Používejte
const– nemění se reference, ale obsah ano. -
K přístupu k vlastnostem využíváme tečkovou nebo hranatou notaci.
-
Pozor na typické chyby se zápisem (čárky, dvojtečky, uvozovky u klíčů s mezerou).