JSON to lekki format integracji danych, używany głównie do przechowywania i przesyłania danych z jednego serwera lub systemu do drugiego. Z drugiej strony mapa również przechowuje dane i używa formatu wartości klucza, w którym klucz może mieć dowolny typ danych. Deweloper może pobrać określone dane, wybierając odpowiedni klucz.
W tym artykule wyjaśniono proces konwersji formatu JSON do/z mapy w języku JavaScript, omawiając następujące sekcje:
- Jak przekonwertować dane JSON na mapę w JavaScript?
- Jak przekonwertować dane JSON z mapy w JavaScript?
- Jak pobrać interfejs API JSON i przekonwertować jego dane na mapę
Jak przekonwertować dane JSON na mapę w JavaScript?
Konwersja danych JSON na mapę zachowuje format pary klucz-wartość jako 'Mapa' a także przechowuje dane w formie klucz-wartość, podobnie jak JSON. Dzięki temu programista może zachować oryginalną kolejność kluczy, która nie jest gwarantowana w przypadku konwersji obiektów JavaScript. Konwersja „JSON” dane do 'Mapa' oferuje większą elastyczność i pozwala programiście korzystać z wbudowanych metod Map, aby zapewnić łatwość poruszania się po danych.
Odwiedźmy poniższy blok kodu, w którym zakodowane na stałe dane JSON zostaną przekonwertowane na mapę:
< typ skryptu = „tekst/javascript” >
konst Format json = '{'author1':'Jackson','author2':'Reed','author3':'Tasha','author4':'Petterson'} ' ;
konst format mapy = nowy Mapa ( Obiekt . wpisy ( JSON. analizować ( Format json ) ) ) ;
konsola. dziennik ( format mapy ) ;
scenariusz >
Wyjaśnienie powyższego kodu jest następujące:
- Najpierw utwórz zmienną typu const o nazwie „Format json” zawierające dane w formacie JSON, czyli w formacie klucz-wartość.
- Następnie utwórz nową instancję mapy o nazwie „Format mapy” . Aby przeanalizować dane JSON, przekaż „Format mapy” w środku „JSON.parse()” metoda.
- Następnie przekaż wynik zwrócony tą metodą do pliku „Wpisy obiektu()” aby utworzyć tablicę tablic, a każda tablica wewnętrzna reprezentuje pary klucz-wartość.
- Przekaż wynik końcowy lub wszystkie te metody wzdłuż odpowiedniego wyrównania wewnątrz 'Mapa' konstruktor. Teraz jego przykład „Format mapy” zawiera przekonwertowane dane JSON, które są wyświetlane w oknie konsoli za pomocą „konsola.log()” metoda.
Po skompilowaniu powyższego kodu okno konsoli będzie wyglądało następująco:
Dane wyjściowe potwierdzają, że dane JSON zostały przekonwertowane na mapę. Aby uzyskać więcej informacji i przykładów konwersji danych JSON na tablicę lub mapę, możesz odwiedzić naszą drugą stronę artykuł .
Jak przekonwertować dane JSON z mapy w JavaScript?
Konwersja danych do formatu JSON zwiększa ich dożywotnią dostępność i umożliwia wysyłanie tych danych w dowolne miejsce w sieci bez utraty danych. Co więcej, format JSON jest łatwo czytelny dla człowieka i może być używany w internetowym interfejsie API lub plikach konfiguracyjnych. W poniższym programie dane mapy zostaną skonwertowane do formatu JSON:
< typ skryptu = „tekst/javascript” >konst format mapy = nowy Mapa ( [
[ „autor1” , „Jackson” ] ,
[ „autor2” , 'Trzcina' ] ,
[ „autor3” , „Tasza” ] ,
[ „autor4” , „Petersona” ] ,
] ) ;
konst Format json = JSON. sznurować ( Obiekt . z wpisów ( format mapy ) ) ;
konsola. dziennik ( Format json ) ;
scenariusz >
Wyjaśnienie powyższego bloku kodu jest następujące:
- Najpierw instancja o nazwie „Format mapy” jest tworzony dla mapy zawierającej kilka wpisów.
- Następny, „Obiekt.z wpisów()” stosowana jest metoda i „Format mapy” zostaje mu przekazane. Spowoduje to przekonwertowanie dostarczonych danych mapy na zagnieżdżoną tablicę.
- Następnie zagnieżdżona tablica jest przekazywana do „JSON.stringify()” metoda konwersji zagnieżdżonej tablicy na format JSON przy jednoczesnym zachowaniu wyrównania pary klucz-wartość.
- Na koniec wygenerowane dane w formacie JSON zostaną wyświetlone w oknie konsoli.
Wynik wygenerowany po kompilacji powyższego kodu pokazano poniżej:
Dane wyjściowe pokazują, że dane mapy zostały teraz pomyślnie przekonwertowane na format JSON.
Jak pobrać interfejs API JSON i przekonwertować jego dane na mapę?
Dane JSON otrzymane z interfejsu API można również bezpośrednio przekonwertować na Mapę, stosując to samo podejście opisane powyżej w pierwszej sekcji. Aby to zrobić, należy najpierw pobrać interfejs API, a następnie pobrane dane JSON zostaną przekonwertowane na mapę, jak pokazano poniżej:
< scenariusz >asynchroniczny funkcjonować konwertujJSONApi ( ) {
próbować {
konst rez = czekać na pobranie ( „https://jsonplaceholder.typicode.com/todos/” ) ;
konst Format json = poczekaj na res. json ( ) ;
konst format mapy = nowy Mapa ( Obiekt . wpisy ( Format json ) ) ;
konsola. dziennik ( format mapy ) ;
} złapać ( przyczynaBłąd ) {
konsola. błąd ( „Błąd podczas pobierania lub konwertowania danych:” , przyczynaBłąd ) ;
}
}
konwertujJSONApi ( ) ;
scenariusz >
Opis powyższego kodu znajduje się poniżej:
- Najpierw funkcja asynchroniczna o nazwie „konwertujJSONApi()” jest definiowany poprzez użycie słowa kluczowego „async” znajdującego się za funkcją „słowo kluczowe” .
- Następnie użyj 'próbować' zablokuj i utwórz „stała” zmienna typu „res” który będzie przechowywać pobrane dane z API. Pobieranie odbywa się poprzez wstawienie łącza API wewnątrz pliku 'aportować()' metoda. Dołącz także 'czekać na' słowo kluczowe, które się za tym kryje 'aportować()' metoda oczekiwania na przybycie wszystkich danych API.
- Następnie zastosuj „json()” metodę na zmiennej „res”, aby odczytać wszystkie odebrane lub pobrane dane. The 'czekać na' Słowo kluczowe jest również stosowane za nim, aby poczekać na zakończenie odczytu danych. Przekaż wynik do zmiennej o nazwie „Format json” .
- Po tym, „Format json” jest przekazywana wewnątrz metody o nazwie „Wpisy obiektu()” aby utworzyć zagnieżdżoną tablicę dla dostarczonych danych. To jest następnie przekazywane wewnątrz 'Mapa()' konstruktor do konwersji tablic na Map i zostaje zapisany w pliku 'Mapa' nazwa instancji „Format mapy” .
- Pobrany interfejs API JSON, który jest teraz konwertowany do formatu Map, jest następnie wyświetlany na konsoli, wyświetlając plik „Format mapy” zmienna wewnątrz „konsola.log()” metoda.
- Aby wychwycić wszelkie błędy powstałe w trakcie całego procesu, użyj metody 'złapać' zablokuj i przekaż w nim fikcyjny parametr, który zawiera występujące błędy, a aby go obsłużyć, wyświetla fikcyjny komunikat.
Wynik po zakończeniu powyższego kodu pokazano poniżej:
Dane wyjściowe pokazują, że dane w formacie JSON zostały pobrane z udostępnionego interfejsu API, a następnie dane te są konwertowane na mapę.
Znasz proces konwersji JSON na Map i Map na JSON w JavaScript.
Wniosek
Aby przekonwertować dane JSON na Mapę, należy zastosować metody takie jak „JSON.parse()” I „Wpisy obiektu()” są używane. Pierwszy analizuje dane JSON, a drugi tworzy zagnieżdżoną tablicę przeanalizowanych danych. W przypadku konwersji danych Map do formatu JSON plik „Obiekt.z wpisów()” I „JSON.stringify()” stosowane są metody, które konwertują dane na tablicę zagnieżdżoną i odpowiednio konwertują je do formatu JSON. W tym blogu wyjaśniono procedurę konwersji JSON do i z mapy w JavaScript.