V tomto tutoriálu se pomocí příkladů dozvíte o JSON a o tom, jak se JavaScript používá s JSON.
JSON znamená Javascript Object Notation. JSON je textový datový formát, který se používá k ukládání a přenosu dat. Například,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
V JSON jsou data v párech klíč / hodnota oddělená čárkou ,
.
JSON byl odvozen z JavaScriptu. Syntaxe JSON tedy připomíná doslovnou syntaxi objektu JavaScript. K formátu JSON však lze přistupovat a vytvářet jej i jiné programovací jazyky.
Poznámka : Objekty JavaScript a JSON nejsou stejné. O jejich rozdílech se dozvíte dále v tomto kurzu.
Data JSON
Data JSON se skládají z dvojic klíč / hodnota podobných vlastnostem objektu JavaScript. Klíč a hodnoty jsou psány v uvozovkách oddělených dvojtečkou :
. Například,
// JSON data "name": "John"
Poznámka : Data JSON vyžadují dvojité uvozovky klíče.
Objekt JSON
Objekt JSON je zapsán do složených závorek ( )
. Objekty JSON mohou obsahovat více párů klíč / hodnota . Například,
// JSON object ( "name": "John", "age": 22 )
JSON pole
Pole JSON je zapsáno do hranatých závorek ( )
. Například,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Poznámka : Data JSON mohou obsahovat objekty a pole. Na rozdíl od objektů JavaScriptu však data JSON nemohou obsahovat funkce jako hodnoty.
Přístup k datům JSON
K datům JSON můžete přistupovat pomocí tečkové notace. Například,
// JSON object const data = ( "name": "John", "age": 22, "hobby": ( "reading" : true, "gaming" : false, "sport" : "football" ), "class" : ("JavaScript", "HTML", "CSS") ) // accessing JSON object console.log(data.name); // John console.log(data.hobby); // ( gaming: false, reading: true, sport: "football") console.log(data.hobby.sport); // football console.log(data.class(1)); // HTML
Používáme .
notaci pro přístup k datům JSON. Jeho syntaxe je:variableName.key
()
Pro přístup k datům JSON můžete také použít syntaxi hranatých závorek . Například,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
Objekty JavaScript VS JSON
Ačkoli syntaxe JSON je podobná objektu JavaScript, JSON se liší od objektů JavaScript.
JSON | Objekt JavaScript |
---|---|
Klíč v páru klíč / hodnota by měl být uveden v uvozovkách. | Klíč v páru klíč / hodnota může být bez uvozovek. |
JSON nemůže obsahovat funkce. | Objekty JavaScript mohou obsahovat funkce. |
JSON lze vytvořit a použít v jiných programovacích jazycích. | Objekty JavaScriptu lze použít pouze v JavaScriptu. |
Převod JSON na objekt JavaScript
Data JSON můžete převést na objekt JavaScript pomocí vestavěné JSON.parse()
funkce. Například,
// json object const jsonData = '( "name": "John", "age": 22 )'; // converting to JavaScript object const obj = JSON.parse(jsonData); // accessing the data console.log(obj.name); // John
Převod objektu JavaScript na JSON
Objekty JavaScript můžete také převést do formátu JSON pomocí vestavěné JSON.stringify()
funkce JavaScriptu . Například,
// JavaScript object const jsonData = ( "name": "John", "age": 22 ); // converting to JSON const obj = JSON.stringify(jsonData); // accessing the data console.log(obj); // "("name":"John","age":22)"
Použití JSON
JSON je nejběžněji používaný formát pro přenos dat (výměna dat) ze serveru na klienta a naopak. Data JSON se velmi snadno analyzují a používají. Je rychlý přístup k datům JSON a manipulace s nimi, protože obsahují pouze texty.
JSON je nezávislý na jazyce. JSON můžete vytvářet a používat i v jiných programovacích jazycích.