JSON (JavaScript-objektnotation ) er en praktisk måde at dele data på. Det er nemt for både mennesker og computere at forstå. I JavaScript hjælper JSON med at organisere data i simple objekter. Lad os undersøge, hvordan JSON fungerer, og hvorfor det er så nyttigt til at udveksle information.

JSON objekt syntaks:

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

Eksempler på JavaScript JSON-objekter

Eksempel 1: Her er et eksempel på at skabe et simpelt JSON-objekt.

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

Forklaring:

• { }> – Krøllede seler definerer objektet.
• 'name'> , 'age'> , 'city' -> Dette er objektets nøgler (egenskaber). Nøgler er altid strenge.
• 'John'> , 30> , 'New York' -> Disse er de tilsvarende værdier knyttet til hver nøgle.
• : -> Kolon(:) adskiller nøgler og værdier.
• , -> Komma(,) adskiller forskellige nøgleværdi-par i objektet.

2. Adgang til JSON-objektværdier

• Objektværdierne kan tilgås ved at bruge prik (.) notationen.
• Vi kan også få adgang til objekter ved at bruge parentes([]) notation.

Eksempel: I nedenstående program får vi adgang til objektet ved hjælp af . notation.

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 egenskaber som produktnavn, pris og garanti. Den får adgang til produktnavnet og tildeler det til 'i'. Til sidst logger den produktnavnet Earbuds til konsollen.

3. Gennemgang af JSON-objekt

Looping kan udføres på to måder -

• Looping af et objekt kan udføres ved at bruge en egenskab for-in-løkke.
• Til looping af et objekt kan vi endda bruge parenteser ([]) i for-in loop-egenskaben.

Eksempel: I eksemplet nedenfor får vi adgang til et looping-objekt ved hjælp af parentes[]-notation.

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. Det itererer over hver egenskab ved hjælp af en 'for-in'-løkke. Inden for løkken får den adgang til hver egenskabsværdi ved hjælp af parentesnotation og logger dem til konsollen. Dette udskriver værdierne for øretelefoner, 799 og 1 år.

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

For at konvertere en JSON-tekst til et JavaScript-objekt kan du bruge JSON.parse()> metode .

Eksempel: Dette eksempel konverterer JSON til 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 

Forklaring:

• JSON.parse()> parser en JSON-streng og konstruerer JavaScript-værdien eller -objektet beskrevet af strengen.
• I eksemplet jsonString> er en JSON-formateret streng.
• JSON.parse(jsonString)> konverterer JSON-strengen til et JavaScript-objekt, som er gemt i variablen jsonObject> .
• Du kan få adgang til egenskaber for JavaScript-objektet jsonObject> ligesom ethvert andet JavaScript-objekt.