JSON .parse()
Обычно JSON используется для обмена данными с/на веб-сервер.
При получении данных с веб-сервера данные всегда представляют собой строку.
Проанализируйте данные с помощью JSON.parse()
, и данные станут объектом JavaScript.
Пример — разбор JSON
Представьте, что мы получили этот текст от веб-сервера:
'{"name":"John", "age":30, "city":"New York"}'
Используйте функцию JavaScript JSON.parse()
для преобразования текста в объект JavaScript:
const obj = JSON.parse('{"name":"John", "age":30, "city":"New
York"}');
Убедитесь, что текст в формате JSON, иначе вы получите синтаксическую ошибку.
Используйте объект JavaScript на своей странице:
Пример
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = obj.name;
</script>
Массив в формате JSON
При использовании JSON.parse()
для JSON, полученного из массива, метод вернет массив JavaScript вместо объекта JavaScript.
Пример
const text = '["Ford", "BMW", "Audi", "Fiat"]';
const myArr = JSON.parse(text);
Исключения
Даты разбора
Объекты даты не разрешены в JSON.
Если вам нужно включить дату, запишите ее в виде строки.
Вы можете преобразовать его обратно в объект даты позже:
Пример
Преобразование строки в дату:
const text =
'{"name":"John", "birth":"1986-12-14", "city":"New York"}';
const obj = JSON.parse(text);
obj.birth = new Date(obj.birth);
document.getElementById("demo").innerHTML = obj.name + ", " + obj.birth;
Или вы можете использовать второй параметр JSON.parse()
функции, называемой Reviver .
Параметр Reviver — это функция, которая проверяет каждое свойство перед возвратом значения.
Пример
Преобразуйте строку в дату, используя функцию viver :
const text =
'{"name":"John", "birth":"1986-12-14", "city":"New York"}';
const obj = JSON.parse(text, function (key, value) {
if
(key == "birth") {
return new
Date(value);
} else {
return value;
}
});
document.getElementById("demo").innerHTML = obj.name + ", " + obj.birth;
Функции разбора
Функции не разрешены в JSON.
Если вам нужно включить функцию, запишите ее в виде строки.
Вы можете преобразовать его обратно в функцию позже:
Пример
Преобразовать строку в функцию:
const text =
'{"name":"John", "age":"function () {return
30;}", "city":"New York"}';
const obj = JSON.parse(text);
obj.age = eval("(" + obj.age + ")");
document.getElementById("demo").innerHTML = obj.name + ", " +
obj.age();
Вам следует избегать использования функций в JSON, функции потеряют свою область действия, и вам придется использовать eval()
, чтобы преобразовать их обратно в функции.