JSON ist ein leichtes Datenintegrationsformat, das hauptsächlich zum Speichern und Transportieren von Daten von einem Server oder System zu einem anderen verwendet wird. Andererseits speichert eine Karte auch Daten und verwendet das Schlüsselwertformat, wobei der Schlüssel einen beliebigen Datentyp haben kann. Der Entwickler kann bestimmte Daten abrufen, indem er den entsprechenden Schlüssel auswählt.
In diesem Artikel wird der Prozess zum Konvertieren von JSON in/von einer Karte in JavaScript anhand der folgenden Abschnitte erläutert:
- Wie konvertiere ich JSON-Daten in eine Karte in JavaScript?
- Wie konvertiere ich JSON-Daten aus einer Karte in JavaScript?
- So rufen Sie die JSON-API ab und konvertieren ihre Daten in eine Karte
Wie konvertiere ich JSON-Daten in eine Karte in JavaScript?
Beim Konvertieren von JSON-Daten in eine Map bleibt das Schlüssel-Wert-Paarformat erhalten 'Karte' und speichert Daten ebenso wie JSON im Schlüsselwertformat. So kann der Entwickler die ursprüngliche Reihenfolge der Schlüssel beibehalten, was bei der JavaScript-Objektkonvertierung nicht gewährleistet ist. Konvertieren „JSON“ Daten in 'Karte' bietet mehr Flexibilität und ermöglicht dem Entwickler die Verwendung integrierter Map-Methoden, um das Durchlaufen der Daten zu vereinfachen.
Schauen wir uns den folgenden Codeblock an, in dem die hartcodierten JSON-Daten in eine Karte konvertiert werden:
< Skripttyp = „Text/Javascript“ >
const jsonFormat = '{'Autor1': 'Jackson', 'Autor2': 'Reed', 'Autor3': 'Tasha', 'Autor4': 'Petterson'} ' ;
const Kartenformat = neu Karte ( Objekt . Einträge ( JSON. analysieren ( jsonFormat ) ) ) ;
Konsole. Protokoll ( Kartenformat ) ;
Skript >
Die Erklärung des obigen Codes lautet wie folgt:
- Erstellen Sie zunächst eine Variable vom Typ const mit dem Namen „jsonFormat“ Daten im JSON-Format enthalten, d. h. im Schlüsselwertformat.
- Erstellen Sie als Nächstes eine neue Instanz der Karte mit dem Namen „mapFormat“ . Um die JSON-Daten zu analysieren, übergeben Sie die „mapFormat“ im Inneren „JSON.parse()“ Methode.
- Übergeben Sie dann das von dieser Methode zurückgegebene Ergebnis an die „Object.entries()“ um ein Array von Arrays zu erstellen und jedes innere Array repräsentiert die Schlüssel-Wert-Paare.
- Übergeben Sie das Endergebnis oder alle diese Methoden entlang der richtigen Ausrichtung innerhalb des 'Karte' Konstrukteur. Nun, seine Instanz „mapFormat“ enthält die konvertierten JSON-Daten, die mithilfe von über dem Konsolenfenster angezeigt werden „console.log()“ Methode.
Nach der Kompilierung des obigen Codes sieht das Konsolenfenster folgendermaßen aus:
Die Ausgabe bestätigt, dass die JSON-Daten in Map konvertiert wurden. Weitere Informationen und Beispiele zum Konvertieren von JSON-Daten in ein Array oder eine Karte finden Sie auf unserer anderen Seite Artikel .
Wie konvertiere ich JSON-Daten aus einer Karte in JavaScript?
Durch die Konvertierung von Daten in das JSON-Format wird die lebenslange Verfügbarkeit verbessert und Sie können diese Daten überall im Netzwerk senden, ohne dass Daten verloren gehen. Darüber hinaus ist das JSON-Format leicht lesbar und kann in Web-APIs oder Konfigurationsdateien verwendet werden. Im folgenden Programm werden die Kartendaten in das JSON-Format konvertiert:
< Skripttyp = „Text/Javascript“ >const Kartenformat = neu Karte ( [
[ 'Autor1' , 'Jackson' ] ,
[ 'Autor2' , 'Schilf' ] ,
[ 'Autor3' , 'Tasha' ] ,
[ 'Autor4' , „Peterson“ ] ,
] ) ;
const jsonFormat = JSON. stringifizieren ( Objekt . fromEntries ( Kartenformat ) ) ;
Konsole. Protokoll ( jsonFormat ) ;
Skript >
Die Erklärung des obigen Codeblocks lautet wie folgt:
- Zuerst die benannte Instanz „mapFormat“ wird für die Karte erstellt, die mehrere Einträge enthält.
- Als nächstes die „Object.fromEntries()“ Methode wird verwendet und die „mapFormat“ wird an ihn übergeben. Dadurch werden die bereitgestellten Kartendaten in ein verschachteltes Array konvertiert.
- Anschließend wird das verschachtelte Array an übergeben „JSON.stringify()“ Methode zum Konvertieren des verschachtelten Arrays in das JSON-Format unter Beibehaltung der Ausrichtung des Schlüssel-Wert-Paares.
- Am Ende werden die generierten Daten im JSON-Format über dem Konsolenfenster angezeigt.
Die nach der Kompilierung des obigen Codes generierte Ausgabe ist unten dargestellt:
Die Ausgabe zeigt, dass die Kartendaten nun erfolgreich in das JSON-Format konvertiert wurden.
Wie rufe ich die JSON-API ab und konvertiere ihre Daten in eine Karte?
Die von der API empfangenen JSON-Daten können auch direkt in Map konvertiert werden, indem der gleiche Ansatz verwendet wird, der oben im ersten Abschnitt beschrieben wurde. Dazu muss zuerst die API abgerufen werden, dann werden die abgerufenen JSON-Daten in die Karte konvertiert, wie unten gezeigt:
< Skript >asynchron Funktion ConvertJSONApi ( ) {
versuchen {
const res = warte auf Abholung ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
const jsonFormat = warte auf res. json ( ) ;
const Kartenformat = neu Karte ( Objekt . Einträge ( jsonFormat ) ) ;
Konsole. Protokoll ( Kartenformat ) ;
} fangen ( UrsacheFehler ) {
Konsole. Fehler ( „Fehler beim Abrufen oder Konvertieren von Daten:“ , UrsacheFehler ) ;
}
}
ConvertJSONApi ( ) ;
Skript >
Die Beschreibung des obigen Codes ist unten aufgeführt:
- Zuerst die asynchrone Funktion mit dem Namen „convertJSONApi()“ wird durch die Verwendung des Schlüsselworts „async“ hinter der Funktion definiert 'Stichwort' .
- Als nächstes verwenden Sie die 'versuchen' blockieren und erstellen Sie eine „const“ Typvariable „res“ Dadurch werden die von der API abgerufenen Daten gespeichert. Der Abruf erfolgt durch Einfügen des API-Links in die 'bringen()' Methode. Befestigen Sie außerdem die 'erwarten' Schlüsselwort dahinter 'bringen()' Methode, um auf das Eintreffen aller API-Daten zu warten.
- Dann wenden Sie die an „json()“ Methode für die Variable „res“, um alle empfangenen oder abgerufenen Daten zu lesen. Der 'erwarten' Dahinter wird auch das Schlüsselwort angewendet, um auf den Abschluss des Lesens der Daten zu warten. Übergeben Sie das Ergebnis in der genannten Variablen „jsonFormat“ .
- Danach wird die „jsonFormat“ wird innerhalb der genannten Methode übergeben „Object.entries()“ um ein verschachteltes Array für bereitgestellte Daten zu erstellen. Dies wird dann innerhalb der weitergeleitet 'Karte()' Konstruktor zum Konvertieren der Arrays in Map und wird im gespeichert 'Karte' Instanz benannt „mapFormat“ .
- Diese abgerufene JSON-API, die nun in Map konvertiert wird, wird dann auf der Konsole angezeigt, indem die angezeigt wird „mapFormat“ Variable innerhalb der „console.log()“ Methode.
- Um während des gesamten Prozesses verursachte Fehler zu erkennen, verwenden Sie die 'fangen' Block und übergeben Sie darin einen Dummy-Parameter, der aufgetretene Fehler enthält, und um ihn zu behandeln, wird eine Dummy-Meldung angezeigt.
Die Ausgabe nach Abschluss des obigen Codes wird unten angezeigt:
Die Ausgabe zeigt, dass die Daten im JSON-Format von der bereitgestellten API abgerufen wurden und diese Daten dann in die Karte konvertiert werden.
Sie haben den Prozess zum Konvertieren von JSON in Map und Map in JSON in JavaScript kennengelernt.
Abschluss
Um JSON-Daten in Map zu konvertieren, können Methoden wie „JSON.parse()“ Und „Object.entries()“ werden verwendet. Der erste analysiert die JSON-Daten und der zweite erstellt ein verschachteltes Array analysierter Daten. Im Falle der Konvertierung von Kartendaten in das JSON-Format wird die „Object.fromEntries()“ Und „JSON.stringify()“ Es werden Methoden verwendet, die Daten in ein verschachteltes Array bzw. in das JSON-Format konvertieren. In diesem Blog wurde das Verfahren zum Konvertieren von JSON in und aus einer Karte in JavaScript erläutert.