JSON (Нотація об’єктів JavaScript ) є зручним способом обміну даними. Його легко зрозуміти як людям, так і комп’ютерам. У JavaScript JSON допомагає організувати дані в прості об’єкти. Давайте дослідимо, як працює JSON і чому він такий корисний для обміну інформацією.

Синтаксис об'єкта JSON:

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

Приклади об’єктів JavaScript JSON

приклад 1: Ось приклад створення простого об’єкта JSON.

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

Пояснення:

• { }> – Фігурні дужки визначають об’єкт.
• 'name'> , 'age'> , 'city' -> Це ключі (властивості) об'єкта. Ключі завжди є рядками.
• 'John'> , 30> , 'New York' -> Це відповідні значення, пов’язані з кожним ключем.
• : -> Двокрапка(:) розділяє ключі та значення.
• , -> Кома(,) розділяє різні пари ключ-значення в об’єкті.

2. Доступ до значень об’єктів JSON

• Доступ до значень об’єктів можна отримати за допомогою нотації крапка (.).
• Ми також можемо отримати доступ до об’єктів, використовуючи дужку ([]).

приклад: У наведеній нижче програмі ми отримуємо доступ до об’єкта за допомогою . позначення.

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 

Пояснення: Код JavaScript визначає об’єкт `myOrder` із такими властивостями, як назва продукту, вартість і гарантія. Він отримує доступ до назви продукту та призначає її «i». Нарешті, він записує назву продукту Earbuds на консоль.

3. Цикл об’єкта JSON

Цикл можна виконати двома способами:

• Цикл об’єкта можна виконати за допомогою властивості for-in loop.
• Для зациклення об’єкта ми навіть можемо використовувати дужки ([]) у властивості циклу for-in.

приклад: У наведеному нижче прикладі ми отримуємо доступ до циклічного об’єкта за допомогою нотації bracket[].

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 

Пояснення: Код ініціалізує об’єкт `myOrder` деталями продукту. Він перебирає кожну властивість за допомогою циклу for-in. У циклі він отримує доступ до кожного значення властивості за допомогою нотації в дужках і записує їх на консоль. Це друкує значення навушників, 799 і 1 рік.

4. Перетворення тексту JSON на об’єкт JavaScript

Щоб перетворити текст JSON на об’єкт JavaScript, ви можете використовувати JSON.parse()> метод .

приклад: Цей приклад перетворює JSON на об’єкт 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 

Пояснення:

• JSON.parse()> аналізує рядок JSON, створюючи значення JavaScript або об’єкт, описаний рядком.
• У прикладі jsonString> це рядок у форматі JSON.
• JSON.parse(jsonString)> перетворює рядок JSON на об’єкт JavaScript, який зберігається у змінній jsonObject> .
• Ви можете отримати доступ до властивостей об’єкта JavaScript jsonObject> як і будь-який інший об’єкт JavaScript.