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>.
• Ви можете отримати доступ до властивостей об’єкта JavaScriptjsonObject>як і будь-який інший об’єкт JavaScript.