JavaScript JSON
JSON — это формат для хранения и передачи данных.
JSON часто используется, когда данные отправляются с сервера на веб-страницу.
Что такое JSON?
- JSON расшифровывается как J ava S cript Object Notation .
- 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"}
]
В приведенном выше примере объект «сотрудники» представляет собой массив. Он содержит три объекта.
Каждый объект представляет собой запись человека (с именем и фамилией).
Преобразование текста 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 .