JSON е лек формат за интегриране на данни, който се използва главно за съхраняване и транспортиране на данни от един сървър или система към друг. От друга страна, картата също съхранява данни и използва формата на стойност на ключ, където ключът може да има произволен тип данни. Разработчикът може да извлече конкретни данни, като избере съответния ключ.
Тази статия обяснява процеса на конвертиране на JSON към/от карта в JavaScript, като обхваща следните раздели:
- Как да конвертирате JSON данни в карта в JavaScript?
- Как да конвертирате JSON данни от карта в JavaScript?
- Как да извлечете JSON API и да конвертирате неговите данни в карта
Как да конвертирате JSON данни в карта в JavaScript?
Преобразуването на JSON данни в карта запазва формата на двойката ключ-стойност като „Карта“ и също така съхранява данни във формата ключ-стойност точно като JSON. Така че разработчикът може да поддържа оригиналния ред на ключовете, което не е гарантирано с преобразуването на JavaScript обект. Преобразуване „JSON“ данни в „Карта“ предлага по-голяма гъвкавост и позволява на разработчика да използва вградени методи на Map, за да осигури лекота при преминаване през данните.
Нека посетим кодовия блок по-долу, където JSON твърдо кодираните данни ще бъдат преобразувани в карта:
< тип скрипт = 'текст/javascript' >
конст jsonFormat = '{'author1':'Jackson','author2':'Reed','author3':'Tasha','author4':'Petterson'} ' ;
конст mapFormat = нов Карта ( Обект . записи ( JSON. анализирам ( jsonFormat ) ) ) ;
конзола. дневник ( mapFormat ) ;
сценарий >
Обяснението на горния код е посочено като:
- Първо създайте променлива тип const с име 'jsonFormat' съдържащи данни във формат JSON, т.е. във формат ключ-стойност.
- След това създайте нов екземпляр на картата с името „mapFormat“ . За да анализирате JSON данните, подайте „mapFormat“ вътре в „JSON.parse()“ метод.
- След това предайте резултата, върнат от този метод в „Object.entries()“ за създаване на масив от масиви и всеки вътрешен масив представлява двойките ключ-стойност.
- Предайте крайния резултат или всички тези методи заедно с правилното подравняване вътре в „Карта“ конструктор. Сега, неговият екземпляр „mapFormat“ съдържа преобразуваните JSON данни, които се показват в прозореца на конзолата с помощта на „console.log()“ метод.
След компилирането на горния код, прозорецът на конзолата ще изглежда така:
Резултатът потвърждава, че JSON данните са преобразувани в Map. За допълнителна информация и примери за конвертиране на JSON данни в масив или карта можете да посетите нашия друг статия .
Как да конвертирате JSON данни от карта в JavaScript?
Преобразуването на данни във формат JSON подобрява тяхната доживотна наличност и ви позволява да изпращате тези данни навсякъде по мрежата, без да губите данни. Освен това форматът JSON е лесен за четене от хора и може да се използва в уеб API или конфигурационни файлове. В програмата по-долу картографските данни ще бъдат преобразувани във формат JSON:
< тип скрипт = 'текст/javascript' >конст mapFormat = нов Карта ( [
[ 'автор1' , 'Джаксън' ] ,
[ 'автор2' , 'Тръстика' ] ,
[ 'автор3' , 'Таша' ] ,
[ 'автор4' , 'Питърсън' ] ,
] ) ;
конст jsonFormat = JSON. нанизвам ( Обект . fromEntries ( mapFormat ) ) ;
конзола. дневник ( jsonFormat ) ;
сценарий >
Обяснението на горния кодов блок е посочено като:
- Първо, именуваният екземпляр „mapFormat“ се създава за Картата, която съдържа няколко записа.
- След това, „Object.fromEntries()“ методът се използва и „mapFormat“ се предава на него. Това ще преобразува предоставените данни от картата във вложен масив.
- След това вложеният масив се предава на „JSON.stringify()“ метод за преобразуване на вложения масив във формат JSON, като същевременно запазва подравняването на двойката ключ-стойност.
- В крайна сметка генерираните данни във формат JSON се показват в прозореца на конзолата.
Резултатът, генериран след компилирането на горния код, е показан по-долу:
Резултатът показва, че картографските данни вече са преобразувани успешно във формат JSON.
Как да извлека JSON API и да конвертирам неговите данни в карта?
JSON данните, получени от API, могат също да бъдат директно преобразувани в Map чрез използване на същия подход, описан по-горе в първия раздел. За да направите това, API трябва първо да бъде извлечен, след което извлечените JSON данни се преобразуват в картата, както е показано по-долу:
< сценарий >асинхронен функция convertJSONApi ( ) {
опитвам {
конст рез = изчакайте извличане ( „https://jsonplaceholder.typicode.com/todos/“ ) ;
конст jsonFormat = чакам res. json ( ) ;
конст mapFormat = нов Карта ( Обект . записи ( jsonFormat ) ) ;
конзола. дневник ( mapFormat ) ;
} улов ( причина за грешка ) {
конзола. грешка ( „Грешка при извличане или конвертиране на данни:“ , причина за грешка ) ;
}
}
convertJSONApi ( ) ;
сценарий >
Описанието на горния код е посочено по-долу:
- Първо, асинхронната функция на име „convertJSONApi()“ се дефинира чрез използване на ключовата дума „асинхронен“ зад функцията „ключова дума“ .
- След това използвайте 'опитвам' блокирайте и създайте a „конст“ тип променлива „рез“ който ще съхранява извлечените данни от API. Извличането се извършва чрез вмъкване на API връзката вътре в 'fetch()' метод. Освен това прикрепете 'чакам' ключова дума зад това 'fetch()' метод за изчакване пристигането на всички API данни.
- След това приложете „json()“ метод на променливата „res“ за четене на всички получени или извлечени данни. The 'чакам' ключовата дума също се прилага зад него, за да изчака завършването на четенето на данните. Предайте резултата в променливата с име 'jsonFormat' .
- След това, 'jsonFormat' се предава вътре в посочения метод „Object.entries()“ за създаване на вложен масив за предоставените данни. След това това се предава вътре в „Карта()“ конструктор за преобразуване на масивите в Map и се съхранява в „Карта“ екземпляр с име „mapFormat“ .
- Този извлечен JSON API, който сега е преобразуван в Map, след това се показва на конзолата чрез показване на „mapFormat“ променлива вътре в „console.log()“ метод.
- За да уловите всяка причинена грешка по време на целия процес, използвайте 'улов' блокира и предава фиктивен параметър в него, който съдържа възникнали грешки и за справяне с него показва фиктивно съобщение.
Резултатът след завършването на горния код е показан по-долу:
Резултатът показва, че данните във формат JSON са извлечени от предоставения API и след това тези данни се преобразуват в картата.
Научихте за процеса на конвертиране на JSON в Map и Map в JSON в JavaScript.
Заключение
За да конвертирате JSON данни в Map, методи като „JSON.parse()“ и „Object.entries()“ са използвани. Първият анализира JSON данните, а вторият създава вложен масив от анализирани данни. В случай на конвертиране на картографски данни във формат JSON, „Object.fromEntries()“ и „JSON.stringify()“ използват се методи, които ще преобразуват данните във вложен масив и съответно ще ги преобразуват във формат JSON. Този блог обяснява процедурата за конвертиране на JSON към и от карта в JavaScript.