JSON-парсер JavaScript

JSON ответ в JavaScript Программирование и разработка

JSON (нотация объектов JavaScript) — это популярный облегченный формат обмена данными для отправки данных между сервером и клиентом или между различными системами.

Данные JSON анализируются и интерпретируются с помощью программного компонента или библиотеки, называемой анализатором JSON. В процессе анализа JSON строка JSON преобразуется в структурированный формат, который можно легко изменить и получить к нему программный доступ. Разработчики могут систематически и эффективно работать с данными JSON благодаря наличию анализаторов JSON на различных языках программирования и платформах.

JSON может находиться в следующих двух структурах:

  • Массивы, т.е. упорядоченный список элементов/значений.
  • Объекты, т.е. коллекция пар ключ-значение.

Анализатор JSON считывает и записывает отформатированные данные JSON. Он используется для сопоставления записей или атрибутов объекта JSON с объектами JavaScript, массивом, строкой, логическим значением, числом и т. д. Его можно выполнить в двух типах:

  • Сопоставление типов JSON с записями или атрибутами
  • Сопоставление записей или атрибутов с типами JSON

Сопоставление типов JSON с записями или атрибутами. Типы JSON сопоставляются таким образом, что записи представляют собой значения, а атрибуты — свойства, имеющие это значение. Таким образом, данные структур остаются прежними и преобразуются в объекты JavaScript.

Сопоставление записей или атрибутов с типами JSON. Эти записи и атрибуты в объекты JSON преобразуются, поскольку атрибут — это свойства объекта, а записи — это значения свойств, поддерживающие структуру данных из одного типа в другой.

Данные JSON при преобразовании являются обратными, т. е. их можно преобразовать обратно в исходные данные и объект из преобразованного состояния. Данные остаются прежними, меняется только представление или внешняя форма. Следовательно, данные не теряются и используются эффективно.

Важность использования анализа JSON

  • Разработчики могут преобразовывать данные JSON в полезные объекты или структуры данных на предпочитаемом ими языке программирования с помощью синтаксического анализа JSON.
  • Для управления API, получения данных из баз данных и обработки данных, полученных от онлайн-сервисов, синтаксический анализ JSON необходим.
  • Разработчики могут извлекать и использовать необходимые данные, получая доступ к определенным фрагментам данных внутри структуры JSON благодаря анализу JSON.
Читайте также:  Декораторы JavaScript: подробное руководство

Методы анализа JSON

  • Использование метода JSON.parse()
  • Получать данные из API или локальных файлов JSON

Способ 1: использование метода JSON.parse()

JSON.parse() — это функция, включенная в JavaScript, поддерживающая анализ JSON. Он преобразует текст JSON в объект JavaScript, чтобы можно было легко получить доступ к его атрибутам.

Синтаксис:

JSON.parse(jsonString);

Параметры: в качестве параметра для анализа принимается строка JavaScript.

Использование:

  • JSON.parse():  этот метод анализирует строку JavaScript и выводит объект, чтобы сделать его атрибуты доступными.

Пример. В примере кода показано, как реализовать синтаксический анализатор JSON с помощью JavaScript, используя JSON.parse():

Javascript

// Creating a JavaScript object
const jsonString = 
    '{"name": "Geek", "age": 22, "city": "Delhi"}';
 
// Creting JSON object 
const obj = JSON.parse(jsonString);
console.log(obj.name);  // Output: Geek
console.log(obj.age);     // Output: 22
console.log(obj.city);     // Output: Delhi

Выход:

Geek
22
Delhi

Способ 2: получение данных из локального файла

В этом методе мы импортируем локальный файл JSON и выводим данные на консоль с помощью метода require JavaScript.

// data.json file
{
    "data": [
        {
            "name": "GFG",
            "description" : "A Computer Science portal!"
        }
    ]
}

Пример. В этом методе мы будем использовать метод require для импорта локального файла data.json и отображения вывода.

Javascript

const sample = require('./data.json');
console.log(sample.data[0]);

Выход:

{ name: 'GFG', description: 'A Computer Science portal!' }

Оцените статью
bestprogrammer.ru
Добавить комментарий