In deze tutorial leer je met behulp van voorbeelden over JSON en hoe JavaScript wordt gebruikt met JSON.
JSON staat voor Javascript Object Notation. JSON is een op tekst gebaseerd gegevensformaat dat wordt gebruikt om gegevens op te slaan en over te dragen. Bijvoorbeeld,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
In JSON staan de gegevens in sleutel / waarde- paren, gescheiden door een komma ,.
JSON is afgeleid van JavaScript. De JSON-syntaxis lijkt dus op de letterlijke syntaxis van JavaScript-objecten. Het JSON-formaat is echter toegankelijk en kan ook worden gemaakt door andere programmeertalen.
Opmerking : JavaScript-objecten en JSON zijn niet hetzelfde. Later in deze tutorial leer je over hun verschillen.
JSON-gegevens
JSON-gegevens bestaan uit sleutel / waarde- paren die vergelijkbaar zijn met JavaScript-objecteigenschappen. De sleutel en waarden worden tussen dubbele aanhalingstekens geschreven, gescheiden door een dubbele punt :. Bijvoorbeeld,
// JSON data "name": "John"
Opmerking : voor JSON-gegevens zijn dubbele aanhalingstekens vereist voor de sleutel.
JSON-object
Het JSON-object wordt tussen accolades geschreven ( ). JSON-objecten kunnen meerdere sleutel / waarde- paren bevatten. Bijvoorbeeld,
// JSON object ( "name": "John", "age": 22 )
JSON-matrix
JSON-array wordt tussen vierkante haken geschreven ( ). Bijvoorbeeld,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Opmerking : JSON-gegevens kunnen objecten en arrays bevatten. In tegenstelling tot JavaScript-objecten kunnen JSON-gegevens echter geen functies als waarden bevatten.
Toegang tot JSON-gegevens
U hebt toegang tot JSON-gegevens met behulp van de puntnotatie. Bijvoorbeeld,
// 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
We gebruiken de .notatie om toegang te krijgen tot JSON-gegevens. De syntaxis is:variableName.key
U kunt ook de syntaxis ()van vierkante haken gebruiken om toegang te krijgen tot JSON-gegevens. Bijvoorbeeld,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
JavaScript-objecten versus JSON
Hoewel de syntaxis van JSON vergelijkbaar is met het JavaScript-object, verschilt JSON van JavaScript-objecten.
| JSON | JavaScript-object |
|---|---|
| De sleutel in het sleutel / waarde-paar moet tussen dubbele aanhalingstekens staan. | De sleutel in het sleutel / waarde-paar mag geen dubbele aanhalingstekens bevatten. |
| JSON kan geen functies bevatten. | JavaScript-objecten kunnen functies bevatten. |
| JSON kan worden gemaakt en gebruikt door andere programmeertalen. | JavaScript-objecten kunnen alleen in JavaScript worden gebruikt. |
JSON converteren naar JavaScript-object
U kunt JSON-gegevens converteren naar een JavaScript-object met behulp van de ingebouwde JSON.parse()functie. Bijvoorbeeld,
// 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
JavaScript-object converteren naar JSON
U kunt JavaScript-objecten ook converteren naar JSON-indeling met behulp van de ingebouwde JavaScript- JSON.stringify()functie. Bijvoorbeeld,
// 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)"
Gebruik van JSON
JSON is het meest gebruikte formaat voor het verzenden van gegevens (gegevensuitwisseling) van een server naar een client en vice versa. JSON-gegevens zijn heel gemakkelijk te ontleden en te gebruiken. Het is snel om JSON-gegevens te openen en te manipuleren omdat ze alleen teksten bevatten.
JSON is taalonafhankelijk. U kunt JSON ook in andere programmeertalen maken en gebruiken.
