JSON .stringify ()
Обычно JSON используется для обмена данными с/на веб-сервер.
При отправке данных на веб-сервер данные должны быть строкой.
Преобразуйте объект JavaScript в строку с расширением JSON.stringify()
.
Строковать объект JavaScript
Представьте, что у нас есть этот объект в JavaScript:
const obj = {name: "John", age: 30, city: "New York"};
Используйте функцию JavaScript, JSON.stringify()
чтобы преобразовать его в строку.
const myJSON = JSON.stringify(obj);
Результатом будет строка, следующая за нотацией JSON.
myJSON
теперь является строкой и готова к отправке на сервер:
Пример
const obj = {name: "John", age: 30, city: "New York"};
const myJSON =
JSON.stringify(obj);
В следующих главах вы узнаете, как отправить JSON на сервер.
Строковать массив JavaScript
Также можно преобразовать массивы JavaScript в строки:
Представьте, что у нас есть этот массив в JavaScript:
const arr = ["John", "Peter", "Sally", "Jane"];
Используйте функцию JavaScript, JSON.stringify()
чтобы преобразовать его в строку.
const myJSON = JSON.stringify(arr);
Результатом будет строка, следующая за нотацией JSON.
myJSON
теперь является строкой и готова к отправке на сервер:
Пример
const arr = ["John", "Peter", "Sally", "Jane"];
const myJSON =
JSON.stringify(arr);
В следующих главах вы узнаете, как отправить строку JSON на сервер.
Хранение данных
При хранении данных данные должны быть в определенном формате, и независимо от того, где вы их храните, текст всегда является одним из допустимых форматов.
JSON позволяет хранить объекты JavaScript в виде текста.
Пример
Хранение данных в локальном хранилище
// Storing data:
const myObj = {name: "John",
age: 31, city: "New York"};
const myJSON =
JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
// Retrieving data:
let text = localStorage.getItem("testJSON");
let obj =
JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;
Исключения
Упорядочить даты
В JSON объекты даты не допускаются. Функция JSON.stringify()
преобразует любые даты в строки.
Пример
const obj = {name: "John", today: new Date(), city : "New York"};
const myJSON = JSON.stringify(obj);
Вы можете преобразовать строку обратно в объект даты в приемнике.
Строковые функции
В JSON функции не разрешены в качестве значений объекта.
Функция JSON.stringify()
удалит любые функции из объекта JavaScript, как ключ, так и значение:
Пример
const obj = {name: "John", age: function () {return 30;}, city: "New York"};
const myJSON = JSON.stringify(obj);
Это можно опустить, если вы конвертируете свои функции в строки перед запуском JSON.stringify()
функции.
Пример
const obj = {name: "John", age: function () {return 30;}, city: "New York"};
obj.age = obj.age.toString();
const myJSON = JSON.stringify(obj);
Если вы отправляете функции с помощью JSON, функции теряют свою область видимости, и получатель должен будет использовать eval(), чтобы преобразовать их обратно в функции.