Формат JSON в JavaScript (stringify, parse)

В JavaScript есть инструменты для работы с данными в формате JSON. Этот формат удобен для хранения и передачи данных на сервер. JSON - это всего лишь способ хранения данных, которая является простой строкой. Но внутри этой строки записаны данные и значения, которые похожи по своей структуре на "объект". Если Вы уже работали с PHP, то аналогией для JSON может быть функция seriallize( ).

Создание JSON в JavaScript (stringify)

Метод JSON.stringify позволяет преобразовать объект JavaScipt в формат JSON. Давайте попробуем сделать такое преобразование, используя все типы переменных для демонстрации:
var a = {
   'BOOL': true,
   'INT': 20,
   'ARRAY': [1, 2, 3],
   'STRING': 'Тише, мыши, кот на крыше'
};
var b = JSON.stringify(a);
console.log(b);
В результате выполнения этого примера в консоли появится строчка:
{"BOOL":true,"INT":20,"ARRAY":[1,2,3],"STRING":"Тише, мыши, кот на крыше"}
В этой строчке можно увидеть все данные, которые были внутри объекта, который был преобразован в примере в JSON формат. Теперь эти данные можно отправить на сервер. Это может быть сервер с сайтом, написанным на языке программирования PHP, потому что у PHP есть встроенная функция для работы с форматом JSON. Там полученную строку можно будет преобразовать обратно в объект и обращаться к ним, как к элементам объекта.

Чтение JSON в JavaScript (parse)

Если необходимо обработать (прочитать) данные в формате JSON, то нужно взять строку (то есть данные, закодированные в JSON формате) и применить метод JSON.parse. Как только данные расшифруются, то можно будет обращаться к ним как к элементам объекта. Попробуем метод на практике, возъмём полученную в предыдущем примере JSON строку:
var a = '{"BOOL":true,"INT":20,"ARRAY":[1,2,3],"STRING":"Тише, мыши, кот на крыше"}';
var b = JSON.parse(a);

console.log(b['STRING']);
console.log(b['ARRAY'][0]);
console.log(b['BOOL']);
При выполнении такого кода будут преобразованы данные из строки в формате JSON в объект, и к ним можно будет обратиться напрямую. Поэтому в консоли появятся строчки:
Тише, мыши, кот на крыше
1
true
MouseDC.ru - хостинг, виртуальный хостинг, покупка доменов, проверка доменов, WHOIS, курсы создания сайтов, вебинары по созданию, курсы разработки сайтов, доработка сайтов, сопровождение сайтов, разработка сайтов, техподдержка сайтов
Была ли эта статья полезна? Есть вопрос?
Cмотрите другие статьи: