JavaScript Object Notation (JSON) ist eines der gängigsten Datenformate, die zum Austausch von Informationen verwendet werden. JSON ist ein Textformat, das das Lesen und Schreiben von Daten sowohl für Computer als auch für Menschen erleichtert. In JavaScript können Sie einfach JavaScript-Objekte in JSON konvertieren und umgekehrt.
let jsonData = < "name": "John", "age": 30 >;console.log(jsonData);Der obige Code gibt das folgende Ergebnis in die Konsole aus:
Verwenden der console-Methode.log()
Der einfachste Weg, die console-Methode zu verwenden.log() ist es, einen String-Wert an ihn zu übergeben. Zum Beispiel:
console.log("Привет, мир!");Ein solcher Code wird die Meldung "Hallo Welt!".
let age = 25;console.log(age);In diesem Fall wird der Wert der Variablen age ausgegeben.
let person = ;console.log(person);In diesem Fall wird das gesamte Person-Objekt ausgegeben.
let a = 10;let b = 5;console.log(a, b);In diesem Fall werden die Werte der Variablen a und b abgeleitet.
Konvertieren Sie JSON mit JSON in eine Zeichenfolge.stringify()
Um JSON zu verwenden.stringify() muss das zu konvertierende Objekt oder Array an ihn übergeben. Zum Beispiel:
let data = ;let jsonString = JSON.stringify(data);console.log(jsonString);
Daher enthält die jsonString-Variable eine Zeichenfolge, die die Daten des 'data'-Objekts im JSON-Format darstellt:
Beachten Sie, dass alle Schlüssel und Werte in doppelte Anführungszeichen eingeschlossen sind und keine Leerzeichen oder Einrückungen vorhanden sind. JSON.stringify() konvertiert die Daten automatisch in Übereinstimmung mit der JSON-Syntax.
JSON.stringify() kann auch einen zweiten Parameter - ein Array oder eine Funktion - verwenden, um die Datenkonvertierung anzupassen.
Wenn Sie beispielsweise nur bestimmte Eigenschaften eines Objekts in die resultierende Zeichenfolge einschließen möchten, können Sie ein Eigenschaftenarray mit dem zweiten Parameter übergeben:
let data = ;let jsonString = JSON.stringify(data, ["name", "age"]);console.log(jsonString);
Daher enthält die jsonString-Variable eine Zeichenfolge, die nur die Eigenschaften 'name' und 'age' des 'data'-Objekts darstellt:
Der zweite Parameter kann auch eine Funktion sein, die den konvertierten Wert für jede Eigenschaft zurückgibt:
let data = ;let jsonString = JSON.stringify(data, function(key, value) return value;>);console.log(jsonString);
Als Ergebnis enthält die jsonString-Variable eine Zeichenfolge, in der alle Zeichen des Wertes der Eigenschaft 'name' in Großbuchstaben konvertiert werden:
Also die Verwendung von JSON.stringify() macht es einfach, JSON-Daten in JavaScript in eine Zeichenfolge zu konvertieren, was in vielen Situationen nützlich sein kann.
Abrufen von Daten aus einer JSON-Datei
Das JSON-Format wird häufig zum Speichern und Übertragen von Daten verwendet. Sie können Daten aus einer JSON-Datei in JavaScript lesen, indem Sie das standardmäßige XMLHttpRequest-Objekt verwenden oder die Fetch-API verwenden.
Um Daten mit XMLHttpRequest zu lesen, müssen Sie eine neue Instanz des Objekts erstellen und die URL der Datendatei an ihn übergeben. Dann müssen Sie eine Abfragemethode angeben (z. B. GET) und die Anfrage senden. Wenn die Anforderung erfolgreich ist, können Sie die Daten mithilfe der responseText-Eigenschaft abrufen. Als nächstes kann die JSON-Zeichenfolge mit JSON geparst werden.parse(), um ein JavaScript-Objekt zu erhalten.
let xhr = new XMLHttpRequest();xhr.open('GET', 'data.json', true);xhr.onreadystatechange = function() >;xhr.send(); Mit der Fetch-API sieht der Code etwas anders aus. Zum Abrufen der Daten müssen Sie die fetch-Funktion verwenden, die URL der Datendatei an sie übergeben und die json() -Methode aufrufen, um das JavaScript-Objekt abzurufen. Die Daten können dann nach Belieben verwendet werden.
fetch('data.json').then(response => response.json()).then(data => console.log(data)).catch(error => console.error(error));Beide Methoden funktionieren asynchron, sodass die Daten aus der JSON-Datei zum Zeitpunkt der Ausführung der Promis abgerufen werden und nicht während der Lesephase des Codes.
Arbeiten mit nicht standardmäßigen JSON-Daten
Sie können verschiedene Ansätze verwenden, um mit nicht standardmäßigen JSON-Daten zu arbeiten. Eine Möglichkeit besteht darin, verschachtelte Objekte und Arrays zu verwenden. Wenn es sich bei der Datenstruktur um eine komplexe Hierarchie handelt, können Sie verschachtelte Objekte verwenden, um Informationen zu organisieren und zu speichern.
Eine andere Möglichkeit ist die Verwendung von Arrays. Wenn die Daten über eine Liste von Elementen verfügen, können Sie ein Array erstellen und es mit den gewünschten Werten füllen. Dies ist besonders nützlich, wenn die Daten eine variable Anzahl von Elementen aufweisen oder wenn die Reihenfolge der Elemente berücksichtigt werden muss.
Sie können auch eine Kombination aus verschachtelten Objekten und Arrays verwenden, um nicht standardmäßige Daten darzustellen. Wenn die Daten beispielsweise eine verschachtelte Struktur aufweisen, können Sie ein Objekt erstellen, das andere Objekte oder Arrays enthält.
