{"id":35546,"date":"2025-04-01T18:29:30","date_gmt":"2025-04-01T15:29:30","guid":{"rendered":"https:\/\/goit.global\/?post_type=articles&p=35546"},"modified":"2026-04-30T14:32:07","modified_gmt":"2026-04-30T11:32:07","slug":"json-shcho-tse-za-format-i-iak-z-nym-pratsiuvaty","status":"publish","type":"articles","link":"https:\/\/goit.global\/ua\/articles\/json-shcho-tse-za-format-i-iak-z-nym-pratsiuvaty\/","title":{"rendered":"JSON: \u0449\u043e \u0446\u0435 \u0437\u0430 \u0444\u043e\u0440\u043c\u0430\u0442 \u0456 \u044f\u043a \u0437 \u043d\u0438\u043c \u043f\u0440\u0430\u0446\u044e\u0432\u0430\u0442\u0438"},"content":{"rendered":"

У світі програмування, баз даних<\/a>, веброзробки та API<\/a> часто зустрічається таке поняття, як JSON. Цей формат став стандартом для зберігання та передачі інформації між різними системами завдяки своїй простоті, зручності читання та універсальності.<\/p>\n

У цій статті ми розберемо, що таке JSON, його основні принципи, структуру та способи роботи з ним.<\/p>\n

<\/source><\/source><\/source><\/source><\/picture><\/a>\n<\/p>\n

Що таке JSON<\/h2>\n

J<\/strong><\/p>\n

avaS<\/strong>cript O<\/strong>bject N<\/strong>otation, більш відомий під акронімом JSON, – це формат представлення даних (їх зберігання та передача) у вигляді структурованого тексту. Як зрозуміло з назви, він базується на синтаксисі JavaScript<\/a>. При цьому в його основі лежать ключі та значення, що робить його зручним для роботи з різними мовами програмування<\/a>. Формат JSON часто використовується у вебзастосунках для передачі даних між сервером і клієнтом у зручній для читання формі.<\/p>\n

Файл JSON являє собою звичайний текстовий документ з розширенням .json<\/strong>, що містить дані у структурованому вигляді. Цей формат легко читається як людиною, так і програмами, що робить його зручним для обміну інформацією.\n<\/p>\n

Структура JSON<\/h2>\n

\nJSON використовує пари ключ-значення, подібно до об’єктів у JavaScript. Він представляє дані у вигляді об’єктів і масивів, що робить його зручним для структурування інформації.<\/p>\n

Об’єкти позначаються фігурними дужками {}<\/strong> і містять пари ключ-значення. Своєю чергою, масиви записуються у квадратних дужках []<\/strong> і містять впорядкований список значень. Також JSON містить прості типи даних, до яких належать рядки, числа, логічні значення (true<\/strong>, false<\/strong>) та null<\/strong>.<\/p>\n

JSON-схема використовується для валідації та опису структури даних, забезпечуючи коректність переданої інформації.<\/p>\n

Приклади JSON файлу:<\/p>\n

{<\/strong><\/p>\n

“ім’я”: “Микола”,<\/strong><\/p>\n

“вік”: 30,<\/strong><\/p>\n

“одружений”: false,<\/strong><\/p>\n

“діти”: [“Ганна”, “Сергій”],<\/strong><\/p>\n

“адреса”: {<\/strong><\/p>\n

“місто”: “Київ”,<\/strong><\/p>\n

“вулиця”: “Хрещатик, 10”<\/strong><\/p>\n

}<\/strong><\/p>\n

}<\/strong><\/p>\n

Цей JSON-файл містить об’єкт з різними типами даних, включаючи масив («діти») та вкладений об’єкт («адреса»).<\/p>\n

{<\/strong><\/p>\n

“ім’я”: “Назар”,<\/strong><\/p>\n

“вік”: 40,<\/strong><\/p>\n

“місто”: “Львів”,<\/strong><\/p>\n

“інтереси”: [“кібербезпека”, “музика”, “тестування ПЗ”].<\/strong><\/p>\n

}<\/strong><\/p>\n

У цьому прикладі у нас є об’єкт з трьома властивостями (ключами): «ім’я», «вік», «місто», а також масив «інтереси».<\/p>\n

<\/source><\/source><\/source><\/source><\/picture><\/a>\n<\/p>\n

Як створити JSON-файл<\/h2>\n

\nЩоб створити такий файл, достатньо відкрити текстовий документ, вставити JSON-код і зберегти його з розширенням .json<\/strong>. Для цього відкрий будь-який текстовий редактор коду (Блокнот, VS Code, Sublime Text), встав дані у вигляді JSON-структури та збережи в необхідному форматі.\n<\/p>\n

Чим відкрити JSON-файл<\/h2>\n

\nФайли JSON можна відкрити за допомогою безлічі програм і редакторів. Для простого перегляду та редагування підійдуть такі текстові редактори, як Notepad++, PyCharm<\/a>, Atom або Brackets. Для гарного форматування JSON-файлів підійдуть браузери Google Chrome, Mozilla Firefox, Microsoft Edge зі спеціальними розширеннями чи інструменти розробника – для цього достатньо перетягнути його у вікно браузера.<\/p>\n

Програми для роботи з даними, такі як Microsoft Excel<\/a> (з додатковими плагінами), MongoDB Compass, Postman<\/a>, дозволяють завантажувати та аналізувати JSON-файли. Також для роботи підійдуть спеціальні утиліти, такі як JSON Viewer і JSON Editor Online.<\/p>\n

Якщо у тебе все ще виникає питання «чим відкрити JSON?», то найкраще для цього використовувати спеціалізовані редактори чи браузерні інструменти.\n<\/p>\n

Валідація JSON<\/h2>\n

\nОскільки формат JSON вимагає суворого дотримання структури, важливо перевіряти його на помилки. Існує безліч онлайн-сервісів для валідації JSON. Наприклад, онлайн-парсери, такі як JSON Lint<\/a> або JSON Formatter<\/a>, допомагають знаходити помилки у файлах JSON і автоматично форматувати їх, тим самим дозволяють перевірити коректність даних.<\/p>\n

\"\"
Хочеш навчитися нових фішок програмування, але не маєш вільного часу навчатися на курсах? Тоді придбай мінікурси від GoIT<\/a>!<\/em><\/figcaption><\/figure>\n

Коментарі в JSON<\/h2>\n

\nОдне з часто задаваних питань: «Як додати коментар у JSON?». На жаль, стандарт JSON не підтримує коментарі, на відміну від JavaScript чи HTML<\/a>. Проте деякі розробники використовують обхідні методи, такі як використання рядкових значень.<\/p>\n

{<\/strong><\/p>\n

“_коментар”: “Цей блок містить інформацію про користувача”,<\/strong><\/p>\n

“ім’я”: “Олег”,<\/strong><\/p>\n

“вік”: 29<\/strong><\/p>\n

}<\/strong><\/p>\n

Проте важливо пам’ятати, що подібні конструкції не підтримуються всіма парсерами JSON.\n<\/p>\n

Використання JSON у програмуванні<\/h2>\n

\nJSON часто застосовується у веброзробці<\/a>, особливо при взаємодії клієнта та сервера через API.<\/p>\n

Читання і запис JSON у JavaScript:<\/p>\n

const data = ‘{ “ім’я”: “Марина”, “вік”: 25 }’;<\/strong><\/p>\n

const obj = JSON.parse(data);  <\/strong>\/\/ Перетворення рядка в об’єкт<\/em><\/p>\n

console.log(obj.ім’я); <\/strong>\/\/ Марина<\/em><\/p>\n

const jsonString = JSON.stringify(obj); <\/strong>\/\/ Перетворення назад у рядок<\/em><\/p>\n

console.log(jsonString);<\/strong><\/p>\n

Читання JSON у Python<\/a>:<\/p>\n

json_data = ‘{ “місто”: “Одеса”, “населення”: 1200000 }’<\/strong><\/p>\n

data = json.loads(json_data)  <\/strong># Перетворюємо рядок в об’єкт Python<\/em><\/p>\n

print(data[“місто”])  <\/strong># Одеса<\/em><\/p>\n

json_string = json.dumps(data, indent=4, ensure_ascii=False)  <\/strong># Форматований вивід JSON<\/em><\/p>\n

print(json_string)<\/strong><\/p>\n

<\/source><\/source><\/source><\/source><\/picture><\/a>\n<\/p>\n

JSON-схема<\/h2>\n

\nСхема JSON – це спосіб опису структури JSON-файлу. Вона використовується для валідації даних і автоматичного генерування документації. Вона допомагає визначити, які типи даних допустимі в JSON-файлі.<\/p>\n

Приклад JSON-схеми:<\/p>\n

{<\/strong><\/p>\n

“$schema”: “http:\/\/json-schema.org\/draft-07\/schema#”,<\/strong><\/p>\n

“type”: “object”,<\/strong><\/p>\n

“properties”: {<\/strong><\/p>\n

“ім’я”: { “type”: “string” },<\/strong><\/p>\n

“вік”: { “type”: “integer” }<\/strong><\/p>\n

},<\/strong><\/p>\n

“required”: [“ім’я”, “вік”].<\/strong><\/p>\n

}<\/strong><\/p>\n

Цей приклад описує об’єкт з обов’язковими полями «ім’я» та «вік».\n<\/p>\n

Підсумуємо<\/h2>\n

\nФормат JSON є потужним і гнучким інструментом для роботи з даними. Він простий, зручний та широко застосовується у веброзробці, мобільних застосунках і API. Тепер ти знаєш, що таке JSON, як з ним працювати та де він застосовується. Ти також дізнався, чим відкрити JSON, як створити JSON файл і як перевірити його валідність. Сподіваємося, ця стаття допомогла тобі розібратися в його особливостях!<\/p>\n

А якщо бажаєш зануритися з головою у світ розробки, тоді ласкаво просимо на безплатні марафони<\/a> та курси GoIT<\/a>! Тут ти спробуєш себе в ролі програміста і, якщо це справді твоє, отримаєш необхідні знання та досвід, які дозволять працювати у провідних компаніях України та світу.<\/p>\n

<\/source><\/source><\/source><\/source><\/picture><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

\u0429\u043e \u0442\u0430\u043a\u0435 \u0444\u043e\u0440\u043c\u0430\u0442 JavaScript Object Notation, \u0439\u043e\u0433\u043e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430, \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438, \u044f\u043a \u0441\u0442\u0432\u043e\u0440\u0438\u0442\u0438, \u0447\u0438\u043c \u0432\u0456\u0434\u043a\u0440\u0438\u0442\u0438. \u041f\u0440\u043e\u0445\u043e\u0434\u044c \u0431\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0456 \u043c\u0430\u0440\u0430\u0444\u043e\u043d\u0438 \u0442\u0430 \u043a\u0443\u0440\u0441\u0438 \u0432\u0456\u0434 GoIT!<\/p>\n","protected":false},"featured_media":35538,"menu_order":0,"template":"","meta":{"_acf_changed":false,"inline_featured_image":false},"categories":[12034],"tags":[],"class_list":["post-35546","articles","type-articles","status-publish","has-post-thumbnail","hentry","category-fullstack"],"acf":[],"_links":{"self":[{"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/articles\/35546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/types\/articles"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/media\/35538"}],"wp:attachment":[{"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/media?parent=35546"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/categories?post=35546"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/tags?post=35546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}