Základy
Objekty
Objekt drží pohromadě údaje o jedné věci. Každý údaj má svoje jméno.
Pole je seznam, objekt je karta: jméno, třída, věk. Skončíme polem objektů, tedy třídní knihou.
Objekt · 1
Karta ve složených závorkách
Objekt se píše do složených závorek { }. Uvnitř jsou dvojice klíč: hodnota oddělené čárkou. Klíčům se říká vlastnosti.
K vlastnosti se dostaneme přes tečku: zak.jmeno.
Čárka za poslední vlastností je dovolená a hodí se: když přidáte další řádek, nezapomenete ji dopsat.
Objekt · 2
Změnit a přidat vlastnost
Do vlastnosti můžeme uložit novou hodnotu stejně jako do proměnné. Když vlastnost ještě neexistuje, vznikne.
Vlastnost, která neexistuje, vrátí undefined. Překlep v názvu se proto neohlásí chybou, jen tiše dostanete undefined.
Objekt · 3
Klíč v proměnné
Když máme jméno vlastnosti uložené v proměnné, použijeme místo tečky hranaté závorky: zak[udaj].
Cyklus for…in projde všechny klíče objektu. Pro pole používejte for…of, pro objekty for…in.
Objekt · 4
Pole a objekty v objektu
Hodnotou vlastnosti může být cokoli: pole známek, nebo další objekt s adresou. Tečky a závorky pak řetězíme.
Dohromady
Pole objektů
Nejčastější tvar dat na webu: pole, ve kterém je objekt za objektem. Seznam žáků, produktů v e-shopu, článků na blogu.
Cyklus z lekce Pole a cykly s nimi funguje stejně.
Přenos dat
Objekt jako string: JSON
Když se data posílají po internetu nebo ukládají, převádějí se na string ve formátu JSON. Vypadá skoro stejně jako objekt v JavaScriptu, jen klíče jsou v uvozovkách.
JSON.stringify() udělá z objektu string, JSON.parse() ze stringu zase objekt.
S JSON se znovu potkáme v lekcích o ukládání v prohlížeči a o načítání dat ze serveru.
Shrnutí
Všechno o jedné věci pohromadě
Ano
- objekt pro údaje o jedné věci, pole pro seznam věcí
- tečka
zak.jmeno, hranaté závorky jen pro klíč v proměnné - pole objektů a
filter/mapnad ním JSON.stringifyaJSON.parsepro přenos a ukládání
Ne
- víc souvisejících proměnných vedle sebe:
jmeno1,jmeno2,vek1… - spoléhat, že překlep v názvu vlastnosti ohlásí chybu