Heim > Web-Frontend > js-Tutorial > So konvertieren Sie einen Javascript-JSON-String in ein Objekt

So konvertieren Sie einen Javascript-JSON-String in ein Objekt

醉折花枝作酒筹
Freigeben: 2023-01-04 09:35:25
Original
24190 Leute haben es durchsucht

Konvertierungsmethode: 1. Verwenden Sie die Methode „JSON.parse()“, die Syntax „JSON.parse (gültiger JSON-String)“ 2. Verwenden Sie die Methode „JSON.stringify()“, die Syntax „JSON.stringify (gültige JSON-Zeichenfolge)" String)".

So konvertieren Sie einen Javascript-JSON-String in ein Objekt

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

In tatsächlichen Projekten stoßen wir häufig auf Probleme mit dem Zeichenformat. Schreiben Sie diese daher auf, damit Sie sie in Zukunft leichter überprüfen können. Es werden zwei Funktionen verwendet: JSON.stringify() und JSON.parse().

Verwenden Sie Ajax, um Daten vom Hintergrund anzufordern, und der Hintergrund gibt Daten an das Front-End zurück. Offensichtlich schreibt das Back-End-Skript das von der JSON-Funktion verarbeitete JSON-Format, aber wenn das Front-End die Daten empfängt, ist dies der Fall manchmal ein Objekt und manchmal eine Zeichenfolge, was verwirrend ist. Der konkrete Grund ist mir noch nicht klar.

Während des Datenübertragungsprozesses wird JSON in Form von Text, also einer Zeichenfolge, übergeben, und JS arbeitet mit JSON-Objekten. Daher liegt der Schlüssel darin, zwischen JSON-Objekten und JSON-Strings zu konvertieren.

Zum Beispiel:

JSON-Zeichenfolge:

var str1 = '{ "name": "cxh", "sex": "man" }';
Nach dem Login kopieren

JSON-Objekt:

var str2 = { "name": "cxh", "sex": "man" };
Nach dem Login kopieren

1. JSON-Zeichenfolge in JSON-Objekt konvertieren

Um den obigen str1 zu verwenden, müssen Sie ihn mit der folgenden Methode konvertieren in JSON-Objekt:

//Von JSON-Zeichenfolge in JSON-Objekt konvertieren

var obj = eval('(' + str + ')');
Nach dem Login kopieren

oder

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
Nach dem Login kopieren

oder

var obj = JSON.parse(str); //由JSON字符串转换为JSON对象
Nach dem Login kopieren

Dann können Sie es so lesen:

Alert(obj.name);
Alert(obj.sex);
Nach dem Login kopieren

Besonderer Hinweis: Wenn obj ursprünglich ein JSON-Objekt, dann ist es nach der Verwendung der Funktion eval() zum Konvertieren (auch wenn es mehrmals konvertiert wird) immer noch ein JSON-Objekt, es treten jedoch Probleme auf (Auslösen einer Syntaxausnahme), nachdem die Funktion parseJSON() zur Verarbeitung verwendet wurde Es.

2. Sie können toJSONString() oder die globale Methode JSON.stringify() verwenden, um das JSON-Objekt in einen JSON-String zu konvertieren.

Zum Beispiel:

var last=obj.toJSONString(); //将JSON对象转化为JSON字符
Nach dem Login kopieren

oder

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符
alert(last);
Nach dem Login kopieren

Hinweis:

Unter den oben genannten Methoden, mit Ausnahme der eval()-Funktion, die mit js geliefert wird, stammen alle anderen Methoden aus dem json .js-Paket . Die neue Version von JSON ändert die API und fügt sowohl die Methoden JSON.stringify() als auch JSON.parse() in die integrierten Objekte von Javascript ein. Ersteres wird zu Object.toJSONString() und letzteres wird zu String parseJSON(). . Wenn Sie die Meldung erhalten, dass die Methoden toJSONString() und parseJSON() nicht gefunden werden können, bedeutet dies, dass die Version Ihres JSON-Pakets zu niedrig ist.

【Empfohlenes Lernen: Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie einen Javascript-JSON-String in ein Objekt. 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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage