JSON (JavaScript-objectnotatie ) is een handige manier om gegevens te delen. Het is gemakkelijk te begrijpen voor zowel mensen als computers. In JavaScript helpt JSON gegevens in eenvoudige objecten te ordenen. Laten we eens kijken hoe JSON werkt en waarom het zo nuttig is voor het uitwisselen van informatie.

Syntaxis van JSON-object:

const jsonData = { 'key1' : 'value1', ... }; 

Voorbeelden van JavaScript JSON-objecten

Voorbeeld 1: Hier is een voorbeeld van het maken van een eenvoudig JSON-object.

const person = {  'name': 'John',  'age': 30,  'city': 'New York' }; 

Uitleg:

• { }> – Accolades definiëren het object.
• 'name'> , 'age'> , 'city' -> Dit zijn de sleutels (eigenschappen) van het object. Toetsen zijn altijd snaren.
• 'John'> , 30> , 'New York' -> Dit zijn de overeenkomstige waarden die aan elke sleutel zijn gekoppeld.
• : -> Dubbele punt(:) scheidt sleutels en waarden.
• , -> Komma(,) scheidt verschillende sleutel-waardeparen binnen het object.

2. Toegang tot JSON-objectwaarden

• De objectwaarden zijn toegankelijk via de puntnotatie (.).
• We kunnen ook toegang krijgen tot objecten door de notatie van de haakjes([]) te gebruiken.

Voorbeeld: In het onderstaande programma hebben we toegang tot het object met behulp van . notatie.

let myOrder, i; // Object is created with name myOrder myOrder = {  'name_of_the_product': 'Earbuds',  'cost': '799',  'warranty': '1 year ' }; // Accessing for particular detail // from object myOrder i = myOrder.name_of_the_product; // It prints the detail of name // of the product console.log(i); 

Earbuds 

Uitleg: De JavaScript-code definieert een object `myOrder` met eigenschappen zoals productnaam, kosten en garantie. Het heeft toegang tot de productnaam en wijst deze toe aan `i`. Ten slotte registreert het de productnaam Earbuds op de console.

3. Doorlussen van JSON-object

Looping kan op twee manieren worden gedaan:

• Het in een lus plaatsen van een object kan worden gedaan door gebruik te maken van de eigenschap for-in loop.
• Voor het herhalen van een object kunnen we zelfs haakjes ([]) gebruiken in de for-in loop-eigenschap.

Voorbeeld: In het onderstaande voorbeeld benaderen we een looping-object met behulp van de haakje[]-notatie.

let myOrder, a; myOrder = {  'name_of_product': 'earbuds',  'cost': '799',  'warranty': '1 year' }; for (a in myOrder) {  // Accessing object in looping  // using bracket notation  console.log(myOrder[a]); } 

earbuds 799 1 year 

Uitleg: De code initialiseert een object `myOrder` met productdetails. Het herhaalt elke eigenschap met behulp van een 'for-in'-lus. Binnen de lus heeft het toegang tot elke eigenschapswaarde met behulp van haakjesnotatie en worden deze in de console geregistreerd. Hiermee worden de waarden van oordopjes afgedrukt, 799 en 1 jaar.

4. Een JSON-tekst converteren naar een JavaScript-object

Om een ​​JSON-tekst naar een JavaScript-object te converteren, kunt u de JSON.parse()> methode .

Voorbeeld: In dit voorbeeld wordt de JSON geconverteerd naar JavaSctipt-object.

const jsonString = '{'name': 'John', 'age': 30}'; const jsonObject = JSON.parse(jsonString); console.log(jsonObject.name); // Output: John console.log(jsonObject.age); // Output: 30 

John 30 

Uitleg:

• JSON.parse()> parseert een JSON-tekenreeks en construeert de JavaScript-waarde of het object dat door de tekenreeks wordt beschreven.
• In het voorbeeld jsonString> is een JSON-geformatteerde tekenreeks.
• JSON.parse(jsonString)> converteert de JSON-tekenreeks naar een JavaScript-object, dat in de variabele wordt opgeslagen jsonObject> .
• U hebt toegang tot de eigenschappen van het JavaScript-object jsonObject> net als elk ander JavaScript-object.