V tomto tutoriáli sa pomocou príkladov dozviete o JSON a o tom, ako sa používa JavaScript s JSON.
JSON znamená Javascript Object Notation. JSON je textový dátový formát, ktorý sa používa na ukladanie a prenos údajov. Napríklad,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
V JSON sú údaje v pároch kľúč - hodnota oddelené čiarkou ,
.
JSON bol odvodený z JavaScriptu. Syntax JSON teda pripomína doslovnú syntax objektu JavaScript. K formátu JSON je však možné pristupovať a vytvárať ho aj iné programovacie jazyky.
Poznámka : Objekty JavaScript a JSON nie sú rovnaké. O ich rozdieloch sa dozviete neskôr v tomto tutoriále.
Údaje JSON
Údaje JSON pozostávajú z párov kľúč / hodnota podobných vlastnostiam objektu JavaScript. Kľúč a hodnoty sú napísané v úvodzovkách oddelených dvojbodkou :
. Napríklad,
// JSON data "name": "John"
Poznámka : Údaje JSON vyžadujú pre kľúč dvojité úvodzovky.
Objekt JSON
Objekt JSON je napísaný vo vnútri zložených zátvoriek ( )
. Objekty JSON môžu obsahovať viac párov kľúč / hodnota . Napríklad,
// JSON object ( "name": "John", "age": 22 )
JSON pole
Pole JSON je napísané v hranatých zátvorkách ( )
. Napríklad,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Poznámka : Údaje JSON môžu obsahovať objekty a polia. Na rozdiel od objektov JavaScript však údaje JSON nemôžu obsahovať funkcie ako hodnoty.
Prístup k údajom JSON
K údajom JSON máte prístup pomocou bodkovej notácie. Naprí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
Tento .
zápis používame na prístup k údajom JSON. Jeho syntax je:variableName.key
Na ()
prístup k údajom JSON môžete tiež použiť syntax hranatých zátvoriek . Napríklad,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
Objekty JavaScript VS JSON
Aj keď je syntax JSON podobná objektu JavaScript, JSON sa líši od objektov JavaScript.
JSON | Objekt JavaScript |
---|---|
Kľúč v páre kľúč / hodnota by mal byť uvedený v úvodzovkách. | Kľúč v páre kľúč / hodnota môže byť bez úvodzoviek. |
JSON nemôže obsahovať funkcie. | Objekty JavaScript môžu obsahovať funkcie. |
JSON je možné vytvárať a používať v iných programovacích jazykoch. | Objekty jazyka JavaScript je možné použiť iba v jazyku JavaScript. |
Prevod JSON na objekt JavaScript
Údaje JSON môžete prevádzať na objekt JavaScript pomocou zabudovanej JSON.parse()
funkcie. Naprí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
Prevod objektu JavaScript na JSON
Objekty JavaScript môžete tiež prevádzať do formátu JSON pomocou zabudovanej JSON.stringify()
funkcie JavaScriptu . Naprí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žívanie JSON
JSON je najbežnejšie používaný formát na prenos údajov (výmena údajov) zo servera do klienta a naopak. Údaje JSON sa dajú veľmi ľahko analyzovať a použiť. Je rýchly prístup k údajom JSON a manipulácia s nimi, pretože obsahujú iba texty.
JSON je nezávislý od jazyka. Môžete vytvárať a používať JSON aj v iných programovacích jazykoch.