В этом руководстве вы узнаете о 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 VS 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 на других языках программирования.
