U ovom ćete uputstvu uz primjere naučiti o JSON-u i kako se JavaScript koristi s JSON-om.
JSON je skraćenica od Javascript Object Notation. JSON je tekstualni format podataka koji se koristi za pohranu i prijenos podataka. Na primjer,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
U JSON-u podaci su u parovima ključ / vrijednost odvojeni zarezom ,
.
JSON je izveden iz JavaScript-a. Dakle, JSON sintaksa nalikuje sintaksi doslovnog JavaScript-a objekta. Međutim, JSON formatu mogu pristupiti i stvoriti ga i drugi programski jezici.
Napomena : JavaScript objekti i JSON nisu isto. O njihovim razlikama saznat ćete kasnije u ovom vodiču.
JSON podaci
JSON podaci sastoje se od parova ključ / vrijednost sličnih svojstvima JavaScript objekta. Ključ i vrijednosti napisani su u dvostrukim navodnicima odvojenim dvotočkom :
. Na primjer,
// JSON data "name": "John"
Napomena : JSON podaci zahtijevaju dvostruke navodnike za ključ.
JSON objekt
JSON objekt zapisan je unutar kovrčavih zagrada ( )
. JSON objekti mogu sadržavati više parova ključ / vrijednost . Na primjer,
// JSON object ( "name": "John", "age": 22 )
JSON niz
JSON niz zapisan je unutar uglatih zagrada ( )
. Na primjer,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Napomena : JSON podaci mogu sadržavati objekte i nizove. Međutim, za razliku od JavaScript objekata, JSON podaci ne mogu sadržavati funkcije kao vrijednosti.
Pristup JSON podacima
JSON podacima možete pristupiti pomoću točke oznake. Na primjer,
// 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
Oznaku koristimo .
za pristup JSON podacima. Njegova sintaksa je:variableName.key
Sintaksu kvadratnih zagrada možete koristiti i ()
za pristup JSON podacima. Na primjer,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
JavaScript objekti protiv JSON-a
Iako je sintaksa JSON-a slična JavaScript objektu, JSON se razlikuje od JavaScript objekata.
JSON | JavaScript objekt |
---|---|
Ključ u paru ključ / vrijednost trebao bi biti u dvostrukim navodnicima. | Ključ u paru ključ / vrijednost može biti bez dvostrukih navodnika. |
JSON ne može sadržavati funkcije. | JavaScript objekti mogu sadržavati funkcije. |
JSON mogu stvoriti i koristiti ga drugi programski jezici. | JavaScript objekti mogu se koristiti samo u JavaScript-u. |
Pretvaranje JSON-a u JavaScript objekt
JSON podatke možete pretvoriti u JavaScript objekt pomoću ugrađene JSON.parse()
funkcije. Na primjer,
// 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
Pretvaranje JavaScript objekta u JSON
Također možete pretvoriti JavaScript objekte u JSON format pomoću JavaScript ugrađene JSON.stringify()
funkcije. Na primjer,
// 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)"
Korištenje JSON-a
JSON je najčešće korišteni format za prijenos podataka (razmjena podataka) s poslužitelja na klijenta i obrnuto. JSON podaci vrlo su jednostavni za raščlanjivanje i upotrebu. Pristup JSON podacima i upravljanje njima je brz jer oni sadrže samo tekstove.
JSON je neovisan o jeziku. JSON možete stvoriti i koristiti i u drugim programskim jezicima.