JSON (JavaScript-objektnotasjon ) er en praktisk måte å dele data på. Det er lett for både mennesker og datamaskiner å forstå. I JavaScript hjelper JSON med å organisere data i enkle objekter. La oss utforske hvordan JSON fungerer og hvorfor det er så nyttig for å utveksle informasjon.

JSON-objektsyntaks:

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

Eksempler på JavaScript JSON-objekter

Eksempel 1: Her er et eksempel på å lage enkelt JSON-objekt.

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

Forklaring:

• { }> – Krøllete klammeparenteser definerer objektet.
• 'name'> , 'age'> , 'city' -> Dette er nøklene (egenskapene) til objektet. Nøkler er alltid strenger.
• 'John'> , 30> , 'New York' -> Dette er de tilsvarende verdiene knyttet til hver nøkkel.
• : -> Kolon(:) skiller nøkler og verdier.
• , -> Komma(,) skiller forskjellige nøkkelverdi-par i objektet.

2. Tilgang til JSON-objektverdier

• Objektverdiene kan nås ved å bruke punktnotasjonen (.).
• Vi kan også få tilgang til objekter ved å bruke parentes([])-notasjon.

Eksempel: I programmet nedenfor får vi tilgang til objektet ved å bruke . notasjon.

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 

Forklaring: JavaScript-koden definerer et objekt 'myOrder' med egenskaper som produktnavn, kostnad og garanti. Den får tilgang til produktnavnet og tildeler det til 'i'. Til slutt logger den produktnavnet Earbuds til konsollen.

3. Sløyfe gjennom JSON-objekt

Looping kan gjøres på to måter -

• Looping av et objekt kan gjøres ved å bruke en egenskap for-in-løkke.
• For looping av et objekt kan vi til og med bruke parenteser ([]) i for-in loop-egenskapen.

Eksempel: I eksemplet nedenfor får vi tilgang til et looping-objekt ved hjelp av brakett[]-notasjon.

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 

Forklaring: Koden initialiserer et objekt 'myOrder' med produktdetaljer. Den itererer over hver egenskap ved å bruke en 'for-in'-løkke. Innenfor loopen får den tilgang til hver egenskapsverdi ved å bruke parentesnotasjon og logger dem til konsollen. Dette skriver ut verdiene til øreplugger, 799 og 1 år.

4. Konvertering av en JSON-tekst til et JavaScript-objekt

For å konvertere en JSON-tekst til et JavaScript-objekt, kan du bruke JSON.parse()> metode .

Eksempel: Dette eksemplet konverterer JSON til JavaSctipt-objekt.

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 

Forklaring:

• JSON.parse()> analyserer en JSON-streng, og konstruerer JavaScript-verdien eller -objektet beskrevet av strengen.
• I eksempelet jsonString> er en JSON-formatert streng.
• JSON.parse(jsonString)> konverterer JSON-strengen til et JavaScript-objekt, som lagres i variabelen jsonObject> .
• Du kan få tilgang til egenskapene til JavaScript-objektet jsonObject> akkurat som alle andre JavaScript-objekter.