Heim > Web-Frontend > js-Tutorial > Hauptteil

Mit welchen Methoden kann JS JSON betreiben?

php中世界最好的语言
Freigeben: 2018-04-25 13:40:11
Original
2203 Leute haben es durchsucht

Dieses Mal werde ich Ihnen vorstellen, wie Sie JSON mit JS betreiben können und welche Vorsichtsmaßnahmen für den Betrieb von JSON durch JS gelten. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

1. Übersicht

JSON (JavaScript Object Notation) ist gleichzeitig ein leichtes Datenaustauschformat JSON ist ein natives JavaScript-Format, was bedeutet, dass für die Verarbeitung von JSON-Daten in JavaScript keine spezielle API oder Toolkit erforderlich ist.

In JSON gibt es zwei Strukturen: Objekt und Array

1 Das Objekt beginnt mit „{“ und endet mit „}“, zwischen „Schlüssel/Wert“. „Verwenden Sie „“, um sie zu trennen.

2. Das Array beginnt mit „[“ und endet mit „]“. Verwenden Sie ",", um Werte zu trennen.

2. Konvertierung von JSON-Objekt und JSONString

in While Beim Datenübertragungsprozess wird JSON in Form einer Zeichenfolge übertragen, und JS arbeitet mit JSON-Objekten. Daher besteht der Schlüssel darin, zwischen JSON-Objekten und JSON-Zeichenfolgen zu konvertieren. Wie folgt:

JSON-Zeichenfolge:

JSON-Objekt:

1. String konvertieren für JSON

2. JSON in String konvertieren

3. JSON-Ausgabe verschönern

Im vorherigen Abschnitt haben wir über die Konvertierung eines JSON-Objekts in einen JSON-String mit der Methode JSON.stringify() gesprochen. stringify verfügt auch über einen optionalen Parameterraum (1<=space< =10). , können Sie die Anzahl der eingerückten Leerzeichen angeben, um die Ausgabe zu verschönern;

Sehen wir uns den Code an:

JSON soll verschönert werden:

Die Ausgabe nach der Verschönerung ist klarer:

4. Ersetzen der JSON-Zeichenfolge

In der Protokollverarbeitung gibt es häufig solche Zeichenfolgen wie folgt:

Sie müssen ersetzt werden bevor es in ein Standard-JSON-Stringformat und dann in ein JSON-Objekt konvertiert werden kann. Hier müssen wir JS verwenden, um die Funktion replaceAll zu implementieren und alle ' \" ' durch ' " ' zu ersetzen.

Der Code lautet wie folgt, gm ist hier festgelegt, g bedeutet global, m bedeutet mehrfach:

Der Effekt nach dem Ersetzen ist wie folgt:

5. JSON-Objekte und -Arrays durchlaufen

1.

2. Durchlaufen Sie das JSON-Array. Der Code lautet wie folgt:

6. RekursionJSON-Objekte durchlaufen

Um einige komplexe Funktionen zu implementieren, ist es häufig erforderlich, JSON-Objekte rekursiv zu durchlaufen. Hier ist ein rekursives Beispiel, in der Hoffnung, dass es als verwendet werden kann eine Referenz für alle.

Das Beispiel erfordert die Verarbeitung von JSON-Strings. Wenn ein Array vorhanden ist, werden alle Objekte nach dem ersten Objekt wie folgt gelöscht:

Es ist erforderlich, dass nur das erste Objekt im verarbeiteten Array erhalten bleibt. Nach Abschluss der Verarbeitung sollte es wie folgt aussehen:

Der rekursive Code lautet wie folgt:

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie hier Verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

JQuery implementiert das Seitenleistenmenü

JQuery klickt auf die Miniaturansicht, um den Wiedergabeeffekt zu wechseln

So implementieren Sie horizontales Scrollen der jQuery-Fokuskarte

Das obige ist der detaillierte Inhalt vonMit welchen Methoden kann JS JSON betreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!