Detaillierte Erläuterung zur Lösung des Zirkelreferenzproblems bei der Verwendung von JSON.stringify

Detaillierte Erläuterung zur Lösung des Zirkelreferenzproblems bei der Verwendung von JSON.stringify

Wenn Programmierer täglich TypeScript-/JavaScript-Entwicklung betreiben, müssen sie häufig komplexe JavaScript-Objekte über JSON.stringify in JSON-Strings serialisieren und diese für eine spätere spezifische Analyse lokal speichern.

Wenn das JavaScript-Objekt selbst jedoch zirkuläre Referenzen enthält, funktioniert JSON.stringify nicht ordnungsgemäß und es wird die folgende Fehlermeldung angezeigt:

VM415:1 Nicht abgefangener TypeError: Konvertierung der kreisförmigen Struktur in JSON

Die Lösung besteht darin, den folgenden Code von dieser Website zu verwenden, um ein globales Cache-Array zu definieren. Immer wenn die Eigenschaften des zu serialisierenden JavaScript-Objekts durchlaufen werden, wird der der Eigenschaft entsprechende Wert im Cache-Array gespeichert.

Wenn Sie während des Durchlaufs feststellen, dass ein Attributwert bereits im Cache-Array vorhanden ist, bedeutet dies, dass ein Zirkelverweis erkannt wurde. In diesem Fall können Sie einfach zurückkehren, um die Schleife zu verlassen.

var cache = [];
var str = JSON.stringify(o, Funktion(Schlüssel, Wert) {
  wenn (Typ des Wertes === 'Objekt' und Wert !== null) {
    wenn (cache.indexOf(Wert) !== -1) {
      // entfernen return;
    }
    // Alle Werte sammeln cache.push(value);
  }
  Rückgabewert;
});
cache = null; //Lösche die Variable, um die Garbage Collection zu erleichtern

Mit dieser Methode konnte ich ein JavaScript-Objekt mit einer zirkulären Referenz erfolgreich in einen String serialisieren.

Damit ist dieser Artikel zur Lösung des Zirkelverweisproblems bei der Verwendung von JSON.stringify abgeschlossen. Weitere Informationen zu Zirkelverweisen in JSON.stringify finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Zusammenfassung der Funktionsweise von JS auf Seiten innerhalb und außerhalb von Iframes
  • So führen Sie eine reibungslose if-Beurteilung in js durch
  • Implementierung einer vereinfachten Version von JSON.stringify und seine sechs Hauptfunktionen im Detail erklärt
  • Zusammenfassung der verschiedenen Verwendungsmöglichkeiten von JSON.stringify
  • Vue implementiert eine Online-Vorschau von PDF-Dateien (mithilfe von pdf.js/iframe/embed)
  • Zusammenfassung der Verwendung von JavaScript JSON.stringify()
  • Der Unterschied und die Verwendung von json.stringify() und json.parse()
  • Selenium+BeautifulSoup+json ruft die JSON-Daten im Script-Tag ab
  • Informationen zum Ausdruck „wenn Komma enthält“ in JavaScript

<<:  Detailliertes Tutorial zur Installation von mysql5.7.18 auf centos7.3

>>:  Hinweise zum Zeichengerätetreiber des Linux-Kernel-Gerätetreibers

Artikel empfehlen

1 Minute Vue implementiert Rechtsklickmenü

Inhaltsverzeichnis Rendern Installieren Code-Impl...

Detaillierte Erläuterung der MERGE-Speicher-Engine von MySQL

Die MERGE-Speicher-Engine behandelt eine Gruppe v...

Die Vollversion des gängigen Linux-Tools vi/vim

Warum Vim lernen? Linux verfügt über eine große A...

Erklärung der Rückgabe einer MySQL-Tabelle führt zur Ungültigkeit des Index

Einführung Wenn die MySQL InnoDB-Engine Datensätz...

W3C Tutorial (4): W3C XHTML Aktivitäten

HTML ist eine Hybridsprache, die zum Veröffentlic...

MySQL-Grundlagen in 1 Stunde

Inhaltsverzeichnis Erste Schritte mit MySQL MySQL...

So zeigen Sie im img-Tag in HTML nur die Bildmitte an (drei Methoden)

Derzeit gibt es drei Möglichkeiten, die Mitte ein...

Linux-Unlink-Funktion und wie man Dateien löscht

1. Unlink-Funktion Bei Hardlinks wird mit „unlink...

MySQL-Datenbankbeschränkungen und Prinzipien des Datentabellenentwurfs

Inhaltsverzeichnis 1. Datenbankbeschränkungen 1.1...

jQuery implementiert alle Warenkorbfunktionen

Inhaltsverzeichnis 1. Alles auswählen 2. Erhöhen ...

JavaScript zum Anzeigen und Ausblenden des Dropdown-Menüs

In diesem Artikel wird der spezifische Code für J...