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

Konvertierung von virtuellem Dom in reales Dom mit Vue

Es gibt eine andere Baumstruktur Javascript-Objek...

So lösen Sie das Problem ERROR 2003 (HY000) beim Starten von MySQL

1. Problembeschreibung Beim Starten von MySQL tri...

Allgemeine Tags in XHTML

Was sind XHTML-Tags? XHTML-Tag-Elemente sind die ...

Probleme mit Sperren in MySQL

Schlossklassifizierung: Aus der Granularität der ...

Docker stop stoppt/remove löscht alle Container

In diesem Artikel wird hauptsächlich das Stoppen/...

Vue implementiert eine kleine Formularvalidierungsfunktion

In diesem Artikelbeispiel wird der spezifische Co...

Implementieren Sie eine einfache Suchmaschine auf Basis von MySQL

Inhaltsverzeichnis Implementierung einer Suchmasc...

Detailliertes Tutorial zum Ausführen mehrerer Springboot mit Docker

Docker führt mehrere Springboot Erstens: Port-Map...

Detaillierte Erläuterung der ECharts-Mausereignisverarbeitungsmethode

Ein Ereignis ist eine vom Benutzer oder dem Brows...

Detaillierte Erläuterung der gleichzeitigen Parameteranpassung von MySQL

Inhaltsverzeichnis Abfrage-Cache-Optimierung Über...

Installation und Daemon-Konfiguration von Redis unter Windows und Linux

# Installations-Daemon-Konfiguration für Redis un...

So verbinden Sie Navicat mit der Docker-Datenbank auf dem Server

Starten Sie den MySQL-Container in Docekr Verwend...