Синтаксис JSON

Оглавление

    Показать оглавление

Синтаксис JSON является подмножеством синтаксиса JavaScript.

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

Синтаксис JSON получен из синтаксиса обозначения объектов JavaScript:

  • Данные находятся в парах имя/значение.

  • Данные разделяются запятыми

  • Фигурные скобки удерживают объекты

  • Квадратные скобки содержат массивы

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

Данные JSON записываются в виде пар имя/значение (также известных как пары ключ/значение).

Пара имя/значение состоит из имени поля (в двойных кавычках), за которым следует двоеточие, за которым следует значение:

Пример

"name":"John"

Имена JSON требуют двойных кавычек.

JSON — оценивает объекты JavaScript

Формат JSON практически идентичен объектам JavaScript.

В JSON ключи должны быть строками, записанными в двойных кавычках:

JSON

{"name":"John"}

В JavaScript ключи могут быть строками, числами или именами идентификаторов:

JavaScript

{name:"John"}

Значения JSON

В JSON значения должны быть одним из следующих типов данных:

  • строка

  • число

  • объект

  • массив

  • логическое значение

  • нулевой

В JavaScript значения могут содержать все вышеперечисленное, а также любой другой допустимый JavaScript. выражение, в том числе:

  • функция

  • свидание

  • неопределенный

В JSON строковые значения должны быть записаны в двойных кавычках:

JSON

{"name":"John"}

В JavaScript вы можете записывать строковые значения с двойными или одинарными кавычками:

JavaScript

{name:'John'}

Объекты JavaScript

Поскольку синтаксис JSON основан на нотации объектов JavaScript, дополнительных действий не требуется. необходимо программное обеспечение для работы с JSON в JavaScript.

С помощью JavaScript вы можете создать объект и назначить данные ему. это, вот так:

Пример

person = {name:"John", age:31, city:"New York"};

Вы можете получить доступ к объекту JavaScript следующим образом:

Пример

// returns John
person.name;

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

<!DOCTYPE html>
<html>
<body>

<h2>Access a JavaScript object</h2>
<p id="demo"></p>

<script>
const myObj = {name:"John", age:30, city:"New York"};
document.getElementById("demo").innerHTML = myObj.name;
</script>

</body>
</html>

Доступ к нему также можно получить следующим образом:

Пример

// returns John
person["name"];

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

<!DOCTYPE html>
<html>
<body>

<h2>Access a JavaScript object</h2>
<p id="demo"></p>

<script>
const myObj = {name:"John", age:30, city:"New York"};
document.getElementById("demo").innerHTML = myObj["name"];
</script>

</body>
</html>

Данные можно изменить следующим образом:

Пример

 person.name = "Gilbert";

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

<!DOCTYPE html>
<html>
<body>

<h2>Modify a JavaScript Object</h2>
<p id="demo"></p>

<script>
const myObj = {name:"John", age:30, city:"New York" };
myObj.name = "Gilbert";
document.getElementById("demo").innerHTML = myObj.name;
</script>

</body>
</html>

Его также можно изменить следующим образом:

Пример

 person["name"] = "Gilbert";

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

<!DOCTYPE html>
<html>
<body>

<h2>Modify a JavaScript Object</h2>
<p id="demo"></p>

<script>
const myObj = {name:"John", age:30, city:"New York"};
myObj["name"] = "Gilbert";
document.getElementById("demo").innerHTML = myObj.name;
</script>

</body>
</html>

Позже в этом уроке вы узнаете, как конвертировать объекты JavaScript в JSON. руководство.

Массивы JavaScript как JSON

Точно так же, как объекты JavaScript могут быть записаны в формате JSON, массивы JavaScript могут быть записаны в формате JSON. также быть записан в формате JSON.

Вы узнаете больше об объектах и массивах позже в этом уроке.

JSON-файлы

  • Тип файла для файлов JSON — «.json».

  • Тип MIME для текста JSON — «application/json».