JSON (Notacja obiektu JavaScript ) to wygodny sposób udostępniania danych. Jest to łatwe do zrozumienia zarówno dla ludzi, jak i komputerów. W JavaScript JSON pomaga organizować dane w proste obiekty. Przyjrzyjmy się, jak działa JSON i dlaczego jest tak przydatny do wymiany informacji.

Składnia obiektu JSON:

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

Przykłady obiektów JavaScript JSON

Przykład 1: Oto przykład tworzenia prostego obiektu JSON.

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

Wyjaśnienie:

• { }> – Nawiasy klamrowe definiują obiekt.
• 'name'> , 'age'> , 'city' -> Są to klucze (właściwości) obiektu. Klucze są zawsze ciągami znaków.
• 'John'> , 30> , 'New York' -> Są to odpowiednie wartości powiązane z każdym kluczem.
• : -> Dwukropek(:) oddziela klucze i wartości.
• , -> Przecinek(,) oddziela różne pary klucz-wartość w obiekcie.

2. Dostęp do wartości obiektu JSON

• Dostęp do wartości obiektu można uzyskać za pomocą notacji kropki (.).
• Dostęp do obiektów możemy również uzyskać za pomocą notacji nawiasowej ([]).

Przykład: W poniższym programie uzyskujemy dostęp do obiektu za pomocą . notacja.

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 

Wyjaśnienie: Kod JavaScript definiuje obiekt „myOrder” z właściwościami takimi jak nazwa produktu, koszt i gwarancja. Uzyskuje dostęp do nazwy produktu i przypisuje ją do „i”. Na koniec rejestruje nazwę produktu Earbuds w konsoli.

3. Pętla poprzez obiekt JSON

Pętlę można wykonać na dwa sposoby –

• Zapętlenie obiektu można wykonać za pomocą właściwości pętli for-in.
• Do zapętlenia obiektu możemy nawet użyć nawiasów ([]) we właściwości pętli for-in.

Przykład: W poniższym przykładzie uzyskujemy dostęp do obiektu zapętlonego za pomocą notacji nawiasowej [].

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 

Wyjaśnienie: Kod inicjuje obiekt „myOrder” ze szczegółami produktu. Iteruje po każdej właściwości za pomocą pętli „for-in”. W pętli uzyskuje dostęp do każdej wartości właściwości za pomocą notacji nawiasowej i rejestruje ją w konsoli. Spowoduje to wydrukowanie wartości wkładek dousznych, 799 i 1 roku.

4. Konwersja tekstu JSON na obiekt JavaScript

Aby przekonwertować tekst JSON na obiekt JavaScript, możesz użyć metody JSON.parse()> metoda .

Przykład: Ten przykład konwertuje JSON na obiekt JavaSctipt.

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 

Wyjaśnienie:

• JSON.parse()> analizuje ciąg JSON, konstruując wartość JavaScript lub obiekt opisany przez ciąg.
• W przykładzie jsonString> jest ciągiem w formacie JSON.
• JSON.parse(jsonString)> konwertuje ciąg JSON na obiekt JavaScript, który jest przechowywany w zmiennej jsonObject> .
• Można uzyskać dostęp do właściwości obiektu JavaScript jsonObject> tak jak każdy inny obiekt JavaScript.