JavaScript JSON
JSON - це формат для зберігання та передачі даних.
JSON часто використовується, коли дані відправляються з сервера на вебсторінку.
Що таке JSON?
- JSON розшифровується, як JavaScript Object Notation (Нотування об’єктів JavaScript)
- JSON - це легкий формат обміну даними
- JSON не залежить від мови*
- JSON є "самоописуючим" та легким для розуміння
* Синтаксис JSON є похідним від синтаксису об’єктної нотації JavaScript, але формат JSON є лише текстовим. Код для читання і генерації даних JSON можна написати на будь-які мові програмування.
JSON Приклад
Цей синтаксис JSON визначає об’єкт співробітників: масив із 3 записів (об’єктів) співробітників:
JSON Приклад
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
Формат JSON оцінює об’єкти JavaScript
Формат JSON синтаксично ідентичний коду для створення об’єктів JavaScript.
Із-за цієї схожості програма JavaScript може легко конвертувати дані JSON у власні об’єкти JavaScript.
JSON Правила синтаксиса
- Дані представлені парами ім’я/значення
- Дані розділяються комами
- Фігурні скобки містять об’єкти
- Квадратні скобки містять масиви
Дані JSON - ім’я та значення
JSON дані записуються у вигляді пар ім’я/значення, як і властивості об’єкту JavaScript.
Пара ім’я/значення складається з імені поля (в подвійних лапках), за яким слідує двокрапка, за якою слідує значення:
"firstName":"John"
Імена JSON потребують подвійних лапок. Імена JavaScript не потребують.
JSON Об’єкти
Об’єкти JSON заключаються в фігурні скобки.
Як і в JavaScript, об’єкти можуть містити кілька пар ім’я/значення:
{"firstName":"John", "lastName":"Doe"}
JSON Масиви
JSON масиви заключаються в квадратні скобки.
Як і в JavaScript, масив може містити об’єкти:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
В наведеному вище прикладі об’єкт "employees" ("співробітники") - це масив. Він містить три об’єкти.
Кожен об’єкт - це запис про людину (з іменем та прізвищем).
Конвертація JSON тексту в об’єкт JavaScript
Зазвичай JSON використовується для читання даних з вебсервера та відображення даних на вебсторінці.
Для простоти це можна продемонструвати, використовуючи рядок як вхідні дані.
Спочатку створіть JavaScript рядок, що містить синтаксис JSON:
let text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
Потім використовуйте вбудовану JavaScript функцію JSON.parse() щоб конвертувати рядок в об’єкт JavaScript:
const obj = JSON.parse(text);
Нарешті, використовуйте новий об’єкт JavaScript на своїй сторінці:
Приклад
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Спробуйте самі »
Ви можете дізнатись більше про JSON в JSON Підручнику на нашому сайті W3Schools українською.
