JavaScript JSON
JSON - это формат для хранения и передачи данных.
JSON часто используется, когда данные отправляются с сервера на веб-страницу.
Что такое JSON?
- JSON обозначает JavaScript Object Notation
- JSON это легкий формат обмена данными
- JSON не зависит от языка *
- JSON является самоописывающим и легким для понимания.
* Синтаксис JSON является производным от синтаксиса обозначения объектов JavaScript, но формат JSON является только текстовым. Код для чтения и генерации данных JSON можно написать на любом языке программирования.
JSON Пример
Этот синтаксис JSON определяет объект сотрудников: массив из 3 записей (объектов) сотрудников:
JSON Пример
{
"employees":[
{"firstName":"Щипунов", "lastName":"Андрей"},
{"firstName":"Щипунова", "lastName":"Татьяна"},
{"firstName":"Щипунова", "lastName":"Кристина"}
]
}
JSON Формат определяет объекты JavaScript
Формат JSON синтаксически идентичен коду для создания объектов JavaScript.
Из-за этого сходства программа JavaScript может легко преобразовать данные JSON в собственные объекты JavaScript.
JSON Синтаксические правила
- Данные представлены парами имя/значение
- Данные разделяются запятыми
- Фигурные скобки содержат объекты
- Квадратные скобки содержат массивы
JSON Данные - имя и значение
Данные JSON записываются в виде пар имя/значение, как и свойства объекта JavaScript.
Пара имя/значение состоит из имени поля (в двойных кавычках), за которым следует двоеточие, за которым следует значение:
"firstName":"Щипунов"
Имена JSON требуют двойных кавычек. А имена JavaScript не требуют.
JSON Объекты
JSON Объекты записываются в фигурные скобки.
Как и в JavaScript, объекты могут содержать несколько пар имя/значение:
{"firstName":"Щипунов", "lastName":"Андрей"}
JSON Массивы
JSON Массивы записываются в квадратные скобки.
Как и в JavaScript, массив может содержать объекты:
"employees":[
{"firstName":"Щипунов", "lastName":"Андрей"},
{"firstName":"Щипунова", "lastName":"Татьяна"},
{"firstName":"Щипунова", "lastName":"Кристина"}
]
В приведенном выше примере объект "employees" представляет собой массив. Он содержит три объекта.
Каждый объект - это запись о человеке (с именем и фамилией).
Преобразование текста JSON в объект JavaScript
Обычно JSON используется для чтения данных с веб-сервера и отображения данных на веб-странице.
Для простоты это можно продемонстрировать, используя строку в качестве входных данных.
Сначала создайте строку JavaScript, содержащую синтаксис JSON:
var text = '{ "employees" : [' +
'{ "firstName":"Щипунов" , "lastName":"Андрей" },' +
'{ "firstName":"Щипунова" , "lastName":"Татьяна" },' +
'{ "firstName":"Щипунова" , "lastName":"Кристина" } ]}';
Затем используйте встроенную функцию JavaScript, JSON.parse(), чтобы преобразовать строку в объект JavaScript:
var 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.
