JSON — это облегченный формат интеграции данных, который в основном используется для хранения и транспортировки данных с одного сервера или системы на другой. С другой стороны, карта также хранит данные и использует формат значения ключа, где ключ может иметь любой тип данных. Разработчик может получить определенные данные, выбрав соответствующий ключ.
В этой статье объясняется процесс преобразования JSON в карту или из нее в JavaScript, охватывая следующие разделы:
- Как преобразовать данные JSON в карту в JavaScript?
- Как конвертировать данные JSON с карты в JavaScript?
- Как получить JSON API и преобразовать его данные в карту
Как преобразовать данные JSON в карту в JavaScript?
Преобразование данных JSON в карту сохраняет формат пары ключ-значение как 'Карта' а также хранит данные в форме «ключ-значение», как JSON. Таким образом, разработчик может сохранить исходный порядок ключей, который не гарантируется преобразованием объектов JavaScript. Преобразование «JSON» данные в 'Карта' обеспечивает большую гибкость и позволяет разработчику использовать встроенные методы Map для упрощения перемещения по данным.
Давайте посетим приведенный ниже блок кода, где жестко закодированные данные JSON будут преобразованы в карту:
< тип сценария '=' 'текст/Javascript' >
константа jsonFormat '=' '{'author1':'Джексон','author2':'Рид','author3':'Таша','author4':'Петтерсон'} ' ;
константа формат карты '=' новый карта ( Объект . записи ( JSON. анализировать ( jsonFormat ) ) ) ;
консоль. бревно ( формат карты ) ;
сценарий >
Объяснение приведенного выше кода указано так:
- Сначала создайте переменную константного типа с именем 'jsonFormat' содержащий данные в формате JSON, т.е. в формате ключ-значение.
- Затем создайте новый экземпляр карты с именем «формат карты» . Чтобы проанализировать данные JSON, передайте «формат карты» внутри «JSON.parse()» метод.
- Затем передайте результат, возвращаемый этим методом, в «Объект.записи()» создать массив массивов, и каждый внутренний массив представляет пары ключ-значение.
- Передайте конечный результат или все эти методы с правильным выравниванием внутри 'Карта' конструктор. Теперь его экземпляр «формат карты» содержит преобразованные данные JSON, которые отображаются в окне консоли с помощью «консоль.журнал()» метод.
После компиляции приведенного выше кода окно консоли будет выглядеть так:
Вывод подтверждает, что данные JSON были преобразованы в карту. Для получения дополнительной информации и примеров преобразования данных JSON в массив или карту вы можете посетить другие наши статья .
Как конвертировать данные JSON с карты в JavaScript?
Преобразование данных в формат JSON повышает их доступность в течение всего срока службы и позволяет отправлять эти данные в любую точку сети без потери данных. Более того, формат JSON легко читается человеком и может использоваться в веб-API или файлах конфигурации. В приведенной ниже программе данные карты будут преобразованы в формат JSON:
< тип сценария '=' 'текст/Javascript' >константа формат карты '=' новый карта ( [
[ 'автор1' , 'Джексон' ] ,
[ 'автор2' , 'Рид' ] ,
[ 'автор3' , 'Таша' ] ,
[ 'автор4' , «Петерсон» ] ,
] ) ;
константа jsonFormat '=' JSON. строкировать ( Объект . из записей ( формат карты ) ) ;
консоль. бревно ( jsonFormat ) ;
сценарий >
Объяснение приведенного выше блока кода указано так:
- Во-первых, экземпляр с именем «формат карты» создается для карты, содержащей несколько записей.
- Далее, «Объект.fromEntries()» используется метод и «формат карты» передается ему. Это преобразует предоставленные данные карты во вложенный массив.
- Затем вложенный массив передается в «JSON.stringify()» метод для преобразования вложенного массива в формат JSON с сохранением выравнивания пары ключ-значение.
- В конце концов сгенерированные данные формата JSON отображаются в окне консоли.
Вывод, сгенерированный после компиляции приведенного выше кода, показан ниже:
Вывод показывает, что данные карты теперь успешно преобразованы в формат JSON.
Как получить JSON API и преобразовать его данные в карту?
Данные JSON, полученные от API, также можно напрямую преобразовать в карту, используя тот же подход, который описан выше в первом разделе. Для этого сначала необходимо получить API, а затем полученные данные JSON преобразуются в карту, как показано ниже:
< сценарий >асинхронный функция конвертироватьJSONApi ( ) {
пытаться {
константа рез '=' ожидайте получения ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
константа jsonFormat '=' жду ответа. JSON ( ) ;
константа формат карты '=' новый карта ( Объект . записи ( jsonFormat ) ) ;
консоль. бревно ( формат карты ) ;
} ловить ( причинаОшибка ) {
консоль. ошибка ( «Ошибка получения или преобразования данных:» , причинаОшибка ) ;
}
}
конвертироватьJSONApi ( ) ;
сценарий >
Описание приведенного выше кода приведено ниже:
- Во-первых, асинхронная функция с именем «конвертироватьJSONApi()» определяется с помощью ключевого слова «async» позади функции 'ключевое слово' .
- Далее используйте 'пытаться' заблокировать и создать «константа» тип переменной «рез» который будет хранить полученные данные из API. Извлечение осуществляется путем вставки ссылки API внутрь файла. 'принести()' метод. Также прикрепите 'Ждите' ключевое слово за этим 'принести()' метод для ожидания прибытия всех данных API.
- Затем примените «Джсон()» метод переменной «res» для чтения всех полученных или извлеченных данных. 'Ждите' За ним также применяется ключевое слово, чтобы дождаться завершения чтения данных. Передайте результат в переменную с именем 'jsonFormat' .
- После этого 'jsonFormat' передается внутри метода с именем «Объект.записи()» создать вложенный массив для предоставленных данных. Затем это передается внутри 'Карта()' конструктор для преобразования массивов в Map и сохраняется в 'Карта' экземпляр с именем «формат карты» .
- Этот полученный API JSON, который теперь преобразуется в карту, затем отображается на консоли, отображая «формат карты» переменная внутри «консоль.журнал()» метод.
- Чтобы отловить любую возникшую ошибку в течение всего процесса, используйте команду 'ловить' блокировать и передавать в него фиктивный параметр, содержащий произошедшие ошибки, а для его обработки отображать фиктивное сообщение.
Вывод после завершения приведенного выше кода показан ниже:
Вывод показывает, что данные формата JSON были получены из предоставленного API, а затем эти данные преобразуются в карту.
Вы узнали о процессе преобразования JSON в Map и Map в JSON в JavaScript.
Заключение
Чтобы преобразовать данные JSON в карту, используйте такие методы, как «JSON.parse()» и «Объект.записи()» используются. Первый анализирует данные JSON, а второй создает вложенный массив анализируемых данных. В случае преобразования данных карты в формат JSON «Объект.fromEntries()» и «JSON.stringify()» используются методы, которые преобразуют данные во вложенный массив и преобразуют их в формат JSON соответственно. В этом блоге объясняется процедура преобразования JSON в карту и обратно в JavaScript.