I denne vejledning lærer du om JSON, og hvordan JavaScript bruges med JSON ved hjælp af eksempler.
JSON står for Javascript Object Notation. JSON er et tekstbaseret dataformat, der bruges til at gemme og overføre data. For eksempel,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
I JSON er dataene i nøgle / værdipar adskilt med et komma ,.
JSON stammer fra JavaScript. Så JSON-syntaksen ligner bogstavelig syntaks for JavaScript-objekt. Imidlertid kan JSON-formatet tilgås og oprettes af andre programmeringssprog.
Bemærk : JavaScript-objekter og JSON er ikke det samme. Du vil lære om deres forskelle senere i denne vejledning.
JSON-data
JSON-data består af nøgle / værdipar svarende til JavaScript-objektegenskaber. Nøglen og værdierne er skrevet i dobbelt anførselstegn adskilt af et kolon :. For eksempel,
// JSON data "name": "John"
Bemærk : JSON-data kræver dobbelt anførselstegn for nøglen.
JSON-objekt
JSON-objektet er skrevet i krøllede seler ( ). JSON-objekter kan indeholde flere nøgle- / værdipar. For eksempel,
// JSON object ( "name": "John", "age": 22 )
JSON Array
JSON-array er skrevet inden for 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 ) )
Bemærk : JSON-data kan indeholde objekter og arrays. I modsætning til JavaScript-objekter kan JSON-data imidlertid ikke indeholde funktioner som værdier.
Adgang til JSON-data
Du kan få adgang til JSON-data ved hjælp af punktnotationen. 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 bruger .notationen til at få adgang til JSON-data. Dens syntaks er:variableName.key
Du kan også bruge syntaks ()med firkantede parenteser til at få adgang 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
Selvom syntaksen for JSON svarer til JavaScript-objektet, er JSON forskellig fra JavaScript-objekter.
| JSON | JavaScript-objekt |
|---|---|
| Nøglen i nøgle / værdipar skal være i dobbelt anførselstegn. | Nøglen i nøgle / værdipar kan være uden dobbelt anførselstegn. |
| JSON kan ikke indeholde funktioner. | JavaScript-objekter kan indeholde funktioner. |
| JSON kan oprettes og bruges af andre programmeringssprog. | JavaScript-objekter kan kun bruges i JavaScript. |
Konvertering af JSON til JavaScript-objekt
Du kan konvertere JSON-data til et JavaScript-objekt ved hjælp af den indbyggede JSON.parse()funktion. 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 af JavaScript-objekt til JSON
Du kan også konvertere JavaScript-objekter til JSON-format ved hjælp af den indbyggede JavaScript- JSON.stringify()funktion. 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)"
Brug af JSON
JSON er det mest anvendte format til transmission af data (dataudveksling) fra en server til en klient og omvendt. JSON-data er meget nemme at analysere og bruge. Det er hurtigt at få adgang til og manipulere JSON-data, da de kun indeholder tekster.
JSON er sproguafhængig. Du kan også oprette og bruge JSON på andre programmeringssprog.
