JavaScript JSON

Что такое JSON?

JSON означает JavaSscript Object Notation.
JSON — это облегченный формат обмена данными.
JSON не зависит от языка *
JSON «самоописан» и его легко понять.

* Синтаксис JSON основан на синтаксисе обозначения объектов JavaScript, однако формат JSON является только текстовым. Код для чтения и генерации данных JSON можно написать на любом программном языке. язык.

Пример JSON

Этот синтаксис JSON определяет объект сотрудников: массив из трех записей (объектов) о сотрудниках:

Пример 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>

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>Create Object from JSON String</h2>

<p id="demo"></p>

<script>
let text = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';

const obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>

</body>
</html>

Вы можете узнать больше о JSON в нашем руководстве по JSON.

JavaScript JSON

Оглавление

Что такое JSON?

Пример JSON

Пример JSON

Формат JSON оценивается как объекты JavaScript

Правила синтаксиса JSON

Данные JSON — имя и значение

JSON-объекты

JSON-массивы

Преобразование текста JSON в объект JavaScript

Пример