JSON

Co je to JSON?

JSON (JavaScript Object Notation) je lehký textový formát pro výměnu dat mezi aplikacemi, který je snadno čitelný jak pro lidi, tak pro stroje. Představte si JSON jako univerzální jazyk, kterým spolu komunikují webový server a prohlížeč. Když váš web potřebuje načíst data z API – třeba seznam produktů, informace o počasí nebo uživatelské profily – typicky je dostane ve formátu JSON. JSON vznikl na přelomu tisíciletí jako alternativa k tehdy používanému XML a rychle se stal standardem díky své jednoduchosti a efektivitě. Jeho syntaxe je založena na JavaScriptu, což znamená, že JavaScript s ním umí pracovat nativně bez nutnosti složitého parsování. Dnes JSON používají prakticky všechny moderní webové služby a API – od Facebooku přes Google Maps až po e-shopy. Je to základní formát pro přenos strukturovaných dat na internetu.

Jak vypadá JSON struktura?

JSON používá jednoduchou strukturu klíč-hodnota uzavřenou ve složených závorkách {}. Základní příklad JSON objektu vypadá takto: {"jmeno": "Jan", "vek": 30, "mesto": "Praha"}. Klíče (jako "jmeno", "vek") musí být vždy v uvozovkách, hodnoty mohou být různých typů. Datové typy v JSON zahrnují textové řetězce (v uvozovkách), čísla (bez uvozovek), boolean hodnoty (true nebo false), pole označená hranatými závorkami [], vnořené objekty, nebo hodnotu null. Pole v JSON umožňuje ukládat seznamy: {"dovednosti": ["HTML", "CSS", "JavaScript"]}. JSON podporuje i komplexní vnořené struktury, kde objekt obsahuje další objekty a pole: {"uzivatel": {"jmeno": "Jan", "adresy": [{"ulice": "Hlavní", "mesto": "Praha"}]}}. Tato flexibilita umožňuje reprezentovat i složitá data v čitelné podobě.

K čemu se JSON používá?

• API komunikace (REST API)

Nejčastější využití JSON je komunikace mezi webovým frontendem a backendem přes REST API. Když váš web potřebuje načíst data, odešle požadavek na server a ten vrátí odpověď ve formátu JSON. Díky AJAX technologii probíhá tato komunikace na pozadí bez obnovení stránky.

• Konfigurace aplikací

Mnoho aplikací a nástrojů používá JSON soubory pro ukládání nastavení a konfigurace. Například Node.js projekty mají soubor package.json se všemi informacemi o projektu a závislostech. JSON je ideální, protože je snadno editovatelný a čitelný. Pro konfiguraci se také často používá YAML, který je ještě čitelnější pro lidi díky použití odsazení místo závorek.

• Ukládání dat

JSON se používá pro dočasné ukládání dat v prohlížeči (localStorage, sessionStorage) nebo jako formát exportu dat z databází a aplikací. Jeho strukturovaný formát umožňuje snadno reprezentovat komplexní datové vztahy.

• Webové služby a integrace

Téměř všechny moderní webové služby (Google Maps, Twitter, Facebook, platební brány) poskytují API s JSON odpověďmi. To umožňuje snadnou integraci externích služeb do vašich aplikací.

JSON vs XML - jaký je rozdíl?

XML (eXtensible Markup Language) byl dříve standardem pro výměnu dat, ale dnes ho JSON z velké části nahradil. JSON je výrazně stručnější – stejná data zabírají v JSON méně bytů než v XML, což znamená rychlejší přenos po síti. JSON má strukturu podobnou JavaScriptovým objektům {"klic": "hodnota"}, zatímco XML používá značky podobné HTML <klic>hodnota</klic>. Parsování JSON je rychlejší – JavaScript má vestavěné metody JSON.parse() a JSON.stringify(), zatímco XML vyžaduje složitější DOM parser. JSON je lépe čitelný pro vývojáře i nástroje. XML má však některé výhody – podporuje atributy, komentáře, validaci pomocí schémat a je preferován v některých enterprise systémech. Pro moderní webové aplikace a REST API je ale JSON jednoznačnou volbou.

Jak pracovat s JSON v JavaScriptu?

JavaScript nabízí dvě základní metody pro práci s JSON. JSON.parse() převádí JSON text na JavaScriptový objekt. Například když dostanete data z API jako textový řetězec, použijete const data = JSON.parse(jsonText); a pak můžete přistupovat k vlastnostem objektu data.jmeno. JSON.stringify() dělá opak – převádí JavaScriptový objekt na JSON text. To se hodí, když chcete odeslat data na server: const jsonText = JSON.stringify(objekt);. Moderní přístup pomocí Fetch API zjednodušuje práci s JSON – metoda response.json() automaticky parsuje JSON odpověď: fetch('/api/data').then(response => response.json()).then(data => console.log(data));. Při práci s JSON je důležité ošetřit možné chyby pomocí try/catch bloků, protože špatně formátovaný JSON způsobí chybu při parsování.

Výhody a nevýhody JSON

Výhody:

• Čitelnost

snadno se čte a píše lidmi i nástroji

• Kompaktní velikost

menší datové soubory znamenají rychlejší přenos

• Nativní podpora v JavaScriptu

žádné externí knihovny nejsou potřeba

• Široká kompatibilita

podporováno všemi moderními programovacími jazyky

• Flexibilní struktura

podporuje vnořené objekty a pole libovolné hloubky

• Rychlé parsování

efektivní zpracování dat

Nevýhody:

• Žádné komentáře

nelze přidat poznámky nebo dokumentaci přímo do JSON

• Omezené datové typy

nepodporuje datum, funkce, undefined

• Žádná validace schémat v základu

je potřeba externí nástroj (JSON Schema)

• Citlivost na formátování

chybějící čárka nebo uvozovka způsobí chybu

Časté chyby při práci s JSON

• Chybějící uvozovky u klíčů

v JSON musí být všechny klíče v uvozovkách: {"jmeno": "Jan"}, ne {jmeno: "Jan"}

• Čárka za posledním prvkem

JSON nepovoluje trailing comma: {"a": 1, "b": 2,} je chyba

• Použití apostrofů místo uvozovek

JSON vyžaduje dvojité uvozovky "text", ne apostrofy 'text'

• Nezvalidovaná data

vždy ověřte strukturu dat před použitím, abyste předešli runtime chybám

• Chybná escape sekvence

speciální znaky jako \ nebo " musí být správně escapované

Související pojmy