V tej vadnici boste s pomočjo primerov spoznali JSON in kako se JavaScript uporablja z JSON.
JSON pomeni Javascript Object Notation. JSON je besedilna oblika podatkov, ki se uporablja za shranjevanje in prenos podatkov. Na primer
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
V JSON so podatki v parih ključ / vrednost, ločeni z vejico ,.
JSON je bil izpeljan iz JavaScripta. Torej, sintaksa JSON spominja na dobesedno sintakso predmeta JavaScript. Do oblike JSON pa lahko dostopate in jo lahko ustvarijo tudi drugi programski jeziki.
Opomba : Objekti JavaScript in JSON niso enaki. O njihovih razlikah boste izvedeli kasneje v tej vadnici.
Podatki JSON
Podatki JSON so sestavljeni iz parov ključ / vrednost, podobnih lastnostim objektov JavaScript. Ključ in vrednosti so zapisani v dvojnih narekovajih, ločenih s dvopičjem :. Na primer
// JSON data "name": "John"
Opomba : Podatki JSON zahtevajo dvojne narekovaje za ključ.
Predmet JSON
Predmet JSON je zapisan v zavite oklepaje ( ). Predmeti JSON lahko vsebujejo več parov ključ / vrednost . Na primer
// JSON object ( "name": "John", "age": 22 )
JSON matrika
Matrika JSON je zapisana v oglatih oklepajih ( ). Na primer
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Opomba : Podatki JSON lahko vsebujejo predmete in nize. Vendar v nasprotju s predmeti JavaScript podatki JSON ne morejo vsebovati funkcij kot vrednosti.
Dostop do podatkov JSON
Do podatkov JSON lahko dostopate s pikčastim zapisom. Na primer
// 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
Mi uporabljamo .zapis za dostop JSON podatkov. Njegova sintaksa je:variableName.key
Za ()dostop do podatkov JSON lahko uporabite tudi sintakso v oglatih oklepajih. Na primer
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
Objekti JavaScript VS JSON
Čeprav je sintaksa JSON podobna objektu JavaScript, se JSON razlikuje od objektov JavaScript.
| JSON | Objekt JavaScript |
|---|---|
| Ključ v paru ključ / vrednost mora biti v dvojnih narekovajih. | Ključ v paru ključ / vrednost je lahko brez dvojnih narekovajev. |
| JSON ne more vsebovati funkcij. | Objekti JavaScript lahko vsebujejo funkcije. |
| JSON lahko ustvarijo in uporabljajo drugi programski jeziki. | Objekti JavaScript se lahko uporabljajo samo v JavaScript. |
Pretvorba JSON v objekt JavaScript
Podatke JSON lahko pretvorite v objekt JavaScript z uporabo vgrajene JSON.parse()funkcije. Na primer
// 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
Pretvorba predmeta JavaScript v JSON
Objekte JavaScript lahko pretvorite tudi v obliko JSON z uporabo vgrajene JSON.stringify()funkcije JavaScript . Na primer
// 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)"
Uporaba JSON-a
JSON je najpogosteje uporabljena oblika za prenos podatkov (izmenjava podatkov) s strežnika na odjemalca in obratno. Podatke JSON je zelo enostavno razčleniti in uporabiti. Do podatkov JSON lahko hitro dostopate in z njimi upravljate, saj vsebujejo samo besedila.
JSON je neodvisen od jezika. JSON lahko ustvarite in uporabljate tudi v drugih programskih jezikih.
