JavaScript ändert das JSON-Dateiformat

JSON (JavaScript Object Notation) ist ein leichtes Datenaustauschformat, das Daten in Schlüssel-Wert-Paaren organisiert und häufig in der Front-End-Entwicklung verwendet wird. In der tatsächlichen Entwicklung müssen wir manchmal einige Inhalte oder Formate der JSON-Datei ändern. In JS kann die JSON-Änderung durch einige Methoden erreicht werden, und die Bedienung ist sehr einfach.

In diesem Artikel erfahren Sie, wie Sie mit JavaScript das JSON-Dateiformat ändern.

1. JSON in Objekte konvertieren

Wir müssen die Daten im JSON-Format in JS-Objekte konvertieren, bevor wir sie ändern können. JSON-Daten können mit der Methode parse() in Objekte umgewandelt werden, zum Beispiel:

let jsonString = '{"name": "Mandy", "age": 20}';
let jsonObj = JSON.parse(jsonString);
console.log(jsonObj);

Um den obigen Code zu erklären, definieren wir zunächst einen String jsonString, der JSON-Daten enthält, und in der zweiten Zeile rufen wir die Methode JSON.parse() auf Konvertieren Sie jsonString in ein Objekt jsonObj, und schließlich geben wir das konvertierte Objekt aus und die Konsole gibt die folgenden Informationen aus:

{name: "Mandy", age: 20}

2. JSON-Datenattribute ändern

Als nächstes können wir die Attribute in JSON einfach ändern, zum Beispiel wir kann Mandys Alter im obigen Beispiel ändern:

jsonObj.age = 21;
console.log(jsonObj);

Wir müssen nur Punkte oder Klammern verwenden, um auf die Eigenschaften im Objekt zuzugreifen, und dann die Werte neu zuweisen.

3. Konvertieren Sie das geänderte Objekt in einen JSON-String

Nachdem wir die Änderung der JSON-Daten abgeschlossen haben, müssen wir das geänderte Objekt in ein String-Format konvertieren. Dies kann mit der Methode stringify() erreicht werden wie folgt:

let newJsonString = JSON.stringify(jsonObj);
console.log(newJsonString);

Die Methode stringify() akzeptiert ein Objekt als Parameter und konvertiert das Objekt dann in einen String im JSON-Format. Wir können die konvertierte Zeichenfolge erhalten, indem wir die Variable newJsonString neu definieren.

4. Attribute in JSON hinzufügen

Wenn wir der JSON-Datei neue Attribute hinzufügen müssen, ist es einfach, neue Attribute direkt mithilfe von Punkten oder Klammern hinzuzufügen, zum Beispiel:

jsonObj.gender = 'female';
console.log(jsonObj);

Dieser Code wird in JSON ein Geschlecht hinzufügen Attribut in, der Attributwert ist weiblich.

5. JSON-Datenattribute löschen

Wir können den Löschoperator verwenden, um Attribute in JSON zu löschen, zum Beispiel:

delete jsonObj.age;
console.log(jsonObj);

Dieser Code löscht das Altersattribut im jsonObj-Objekt Das Altersattribut wurde gelöscht.

6. JSON-Array-Daten ändern

Zusätzlich zu Objekten kann JSON auch Arrays enthalten. Schauen wir uns an, wie man ein JSON-Array ändert.

Zuerst müssen wir den String des JSON-Arrays in ein JS-Objekt konvertieren, zum Beispiel:

let jsonArrString = '[{"name": "Jack", "age": 25}, {"name": "Lucy", "age": 27}]';
let jsonArray = JSON.parse(jsonArrString);
console.log(jsonArray);

In diesem Code definieren wir einen String jsonArrString, der ein JSON-Array enthält, und verwenden die Methode parse(), um ihn in ihn umzuwandeln ein Objekttyp, das Endergebnis wird ausgegeben:

[{name: "Jack", age: 25}, {name: "Lucy", age: 27}]

Als nächstes können wir die darin enthaltenen Daten entsprechend dem Index des Objekts ändern, zum Beispiel:

jsonArray[0].age = 26;
console.log(jsonArray);

Dieser Code ändert das Altersattribut im ersten Objekt auf 26. Natürlich können Sie auch die Methode push() verwenden, um ein Objekt zum JSON-Array hinzuzufügen. Der Code lautet wie folgt:

jsonArray.push({"name":"Alex","age":30});
console.log(jsonArray);

Dieser Code fügt dem JSON-Array ein Objekt hinzu, das die Attribute „Name“ und „Alter“ enthält.

7. Zusammenfassung

Anhand der obigen Einführung können wir feststellen, dass es sehr praktisch ist, JavaScript zum Ändern des JSON-Dateiformats zu verwenden. Es ist zu beachten, dass wir den JSON-String in ein Objekt konvertieren müssen, bevor wir ihn ändern. Das geänderte Objekt muss auch über die Methode stringify() in das String-Format konvertiert werden.

Kurz gesagt, für Front-End-Entwickler ist es sehr wichtig, mit der Funktionsweise von JSON vertraut zu sein. Dadurch können wir Daten besser verwalten und pflegen und es wird auch eine große Rolle in der tatsächlichen Entwicklung spielen.

Das obige ist der detaillierte Inhalt vonJavaScript ändert das JSON-Dateiformat. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!