I denne veiledningen vil du lære om JSON og hvordan JavaScript brukes med JSON ved hjelp av eksempler.
JSON står for Javascript Object Notation. JSON er et tekstbasert dataformat som brukes til å lagre og overføre data. For eksempel,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
I JSON er dataene i nøkkel / verdipar atskilt med komma ,.
JSON ble hentet fra JavaScript. Så JSON-syntaksen ligner bokstavelig syntaks for JavaScript-objekt. Imidlertid kan JSON-formatet nås og opprettes av andre programmeringsspråk.
Merk : JavaScript-objekter og JSON er ikke det samme. Du vil lære om forskjellene deres senere i denne opplæringen.
JSON Data
JSON-data består av nøkkel- / verdipar som ligner JavaScript-objektegenskaper. Nøkkelen og verdiene er skrevet med doble anførselstegn atskilt med et kolon :. For eksempel,
// JSON data "name": "John"
Merk : JSON-data krever doble anførselstegn for nøkkelen.
JSON Objekt
JSON-objektet er skrevet i krøllete bukseseler ( ). JSON-objekter kan inneholde flere nøkkel / verdipar. For eksempel,
// JSON object ( "name": "John", "age": 22 )
JSON Array
JSON-matrisen er skrevet i firkantede parenteser ( ). For eksempel,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Merk : JSON-data kan inneholde objekter og matriser. Imidlertid, i motsetning til JavaScript-objekter, kan JSON-data ikke inneholde funksjoner som verdier.
Få tilgang til JSON-data
Du kan få tilgang til JSON-data ved hjelp av punktnotasjonen. For eksempel,
// 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
Vi bruker .notasjonen for å få tilgang til JSON-data. Dens syntaks er:variableName.key
Du kan også bruke syntaks ()med firkantet parentes for å få tilgang til JSON-data. For eksempel,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
JavaScript-objekter VS JSON
Selv om syntaksen til JSON ligner JavaScript-objektet, er JSON forskjellig fra JavaScript-objekter.
| JSON | JavaScript-objekt |
|---|---|
| Nøkkelen i nøkkel / verdipar skal være i dobbel anførselstegn. | Nøkkelen i nøkkel / verdipar kan være uten dobbelt anførselstegn. |
| JSON kan ikke inneholde funksjoner. | JavaScript-objekter kan inneholde funksjoner. |
| JSON kan opprettes og brukes av andre programmeringsspråk. | JavaScript-objekter kan bare brukes i JavaScript. |
Konvertering av JSON til JavaScript-objekt
Du kan konvertere JSON-data til et JavaScript-objekt ved hjelp av den innebygde JSON.parse()funksjonen. For eksempel,
// 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
Konvertering av JavaScript-objekt til JSON
Du kan også konvertere JavaScript-objekter til JSON-format ved hjelp av JavaScript-innebygd JSON.stringify()funksjon. For eksempel,
// 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)"
Bruk av JSON
JSON er det mest brukte formatet for overføring av data (datautveksling) fra en server til en klient og omvendt. JSON-data er veldig enkle å analysere og bruke. Det er raskt å få tilgang til og manipulere JSON-data da de bare inneholder tekster.
JSON er språkuavhengig. Du kan også opprette og bruke JSON på andre programmeringsspråk.
