Selles õpetuses saate näidete abil teada JSON-ist ja sellest, kuidas JavaScripti JSON-iga kasutatakse.
JSON tähistab Javascripti objektide märkimist. JSON on tekstipõhine andmevorming, mida kasutatakse andmete salvestamiseks ja edastamiseks. Näiteks,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
JSON-is on andmed võtme / väärtuse paarides, eraldatuna komaga ,.
JSON tuletati JavaScripti abil. Niisiis, JSON-i süntaks sarnaneb JavaScripti objekti sõnasõnalise süntaksiga. Kuid JSON-vormingule pääseb juurde ja seda saavad luua ka teised programmeerimiskeeled.
Märkus . JavaScripti objektid ja JSON ei ole samad. Nende erinevustest saate teada sellest õpetusest hiljem.
JSONi andmed
JSON-i andmed koosnevad JavaScripti objekti omadustega sarnastest võtme / väärtuse paaridest. Võti ja väärtused kirjutatakse kooloniga eraldatud jutumärkides :. Näiteks,
// JSON data "name": "John"
Märkus . JSON-i andmed vajavad võtme jaoks topeltpakkumisi.
JSON-objekt
JSON-objekt on kirjutatud lokkis traksidega ( ). JSON-i objektid võivad sisaldada mitut võtme / väärtuse paari. Näiteks,
// JSON object ( "name": "John", "age": 22 )
JSON massiiv
JSONi massiiv on kirjutatud nurksulgudesse ( ). Näiteks,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Märkus . JSON-i andmed võivad sisaldada objekte ja massiive. Kuid erinevalt JavaScripti objektidest ei saa JSON-i andmed sisaldada funktsioone väärtusena.
Juurdepääs JSON-i andmetele
JSON-i andmetele pääsete juurde punktmärkimise abil. Näiteks,
// 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
.JSONi andmetele juurdepääsu saamiseks kasutame tähistust. Selle süntaks on:variableName.key
()JSON-i andmetele juurdepääsemiseks võite kasutada ka nurksulgude süntaksit . Näiteks,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
JavaScripti objektid VS JSON
Kuigi JSON-i süntaks sarnaneb JavaScripti objektiga, erineb JSON JavaScripti objektidest.
| JSON | JavaScripti objekt |
|---|---|
| Võtme / väärtuse paari võti peaks olema topelt jutumärkides. | Võtme / väärtuse paari võti võib olla ilma jutumärkideta. |
| JSON ei saa funktsioone sisaldada. | JavaScripti objektid võivad sisaldada funktsioone. |
| JSON-i saab luua ja kasutada ka teised programmeerimiskeeled. | JavaScripti objekte saab kasutada ainult JavaScriptis. |
JSON-i teisendamine JavaScripti objektiks
JSON-i andmed saate teisendada JavaScripti objektiks sisseehitatud JSON.parse()funktsiooni abil. Näiteks,
// 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
JavaScripti objekti teisendamine JSON-iks
JavaScripti objekte saab teisendada ka JSON-vormingusse JavaScripti sisseehitatud JSON.stringify()funktsiooni abil. Näiteks,
// 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)"
JSON-i kasutamine
JSON on kõige sagedamini kasutatav formaat andmete edastamiseks (andmevahetus) serverist kliendile ja vastupidi. JSONi andmeid on väga lihtne sõeluda ja kasutada. JSON-andmetele on kiire juurdepääs ja nendega manipuleerimine, kuna need sisaldavad ainult tekste.
JSON on keelest sõltumatu. JSON-i saate luua ja kasutada ka teistes programmeerimiskeeltes.
