У цьому посібнику ви дізнаєтесь про JSON та як JavaScript використовується з JSON за допомогою прикладів.
JSON означає Javascript Object Notation. JSON - це текстовий формат даних, який використовується для зберігання та передачі даних. Наприклад,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
У JSON дані знаходяться в парах ключ / значення, розділених комою ,.
JSON був отриманий з JavaScript. Отже, синтаксис JSON нагадує синтаксис літерального об’єкта JavaScript. Однак доступ до формату JSON може бути створений іншими мовами програмування.
Примітка : Об’єкти JavaScript та JSON - це не одне і те ж. Про їх відмінності ви дізнаєтесь пізніше у цьому підручнику.
Дані JSON
Дані JSON складаються з пар ключ / значення, подібних до властивостей об’єкта JavaScript. Ключ і значення записуються у подвійних лапках, розділених двокрапкою :. Наприклад,
// JSON data "name": "John"
Примітка . Для даних JSON потрібні подвійні лапки для ключа.
Об'єкт JSON
Об'єкт JSON записаний всередині фігурних дужок ( ). Об'єкти JSON можуть містити кілька пар ключ / значення . Наприклад,
// JSON object ( "name": "John", "age": 22 )
Масив JSON
Масив JSON записується всередині квадратних дужок ( ). Наприклад,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Примітка . Дані JSON можуть містити об’єкти та масиви. Однак, на відміну від об'єктів JavaScript, дані JSON не можуть містити функції як значення.
Доступ до даних JSON
Ви можете отримати доступ до даних JSON, використовуючи крапкові позначення. Наприклад,
// JSON object const data = ( "name": "John", "age": 22, "hobby": ( "reading" : true, "gaming" : false, "sport" : "football" ), "class" : ("JavaScript", "HTML", "CSS") ) // accessing JSON object console.log(data.name); // John console.log(data.hobby); // ( gaming: false, reading: true, sport: "football") console.log(data.hobby.sport); // football console.log(data.class(1)); // HTML
Ми використовуємо .позначення для доступу до даних JSON. Його синтаксис:variableName.key
Ви також можете використовувати синтаксис квадратних дужок ()для доступу до даних JSON. Наприклад,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
Об’єкти JavaScript проти JSON
Хоча синтаксис JSON подібний до об'єкта JavaScript, JSON відрізняється від об'єктів JavaScript.
| JSON | Об'єкт JavaScript |
|---|---|
| Ключ у парі ключ / значення повинен бути в подвійних лапках. | Ключ у парі ключ / значення може бути без подвійних лапок. |
| JSON не може містити функції. | Об'єкти JavaScript можуть містити функції. |
| JSON може бути створений та використаний іншими мовами програмування. | Об'єкти JavaScript можна використовувати лише в JavaScript. |
Перетворення JSON в об’єкт JavaScript
Ви можете перетворити дані JSON в об’єкт JavaScript за допомогою вбудованої JSON.parse()функції. Наприклад,
// json object const jsonData = '( "name": "John", "age": 22 )'; // converting to JavaScript object const obj = JSON.parse(jsonData); // accessing the data console.log(obj.name); // John
Перетворення об’єкта JavaScript у JSON
Ви також можете перетворити об'єкти JavaScript у формат JSON за допомогою вбудованої JSON.stringify()функції JavaScript. Наприклад,
// JavaScript object const jsonData = ( "name": "John", "age": 22 ); // converting to JSON const obj = JSON.stringify(jsonData); // accessing the data console.log(obj); // "("name":"John","age":22)"
Використання JSON
JSON - це найбільш часто використовуваний формат для передачі даних (обмін даними) від сервера до клієнта і навпаки. Дані JSON дуже легко аналізувати та використовувати. Доступ до даних JSON і управління ними є швидким, оскільки вони містять лише тексти.
JSON не залежить від мови. Ви можете створювати та використовувати JSON і в інших мовах програмування.
