VorwortJeder, der schon einmal JSON verwendet hat, weiß, dass es eine gängige Methode ist, ein Objekt nach der Infizierung in einen String an das Backend zu übermitteln. Da es in IE6-7 jedoch kein JSON-Objekt gibt, müssen wir zur Implementierung json2.js verwenden. 1. Klassische Verwendungvar Daten = [ {Name: "Wukong", Geschlecht: 1, Alter: 30}, {Name: "Bajie", Geschlecht: 0, Alter: 20}, {Name: „Tang Monk“, Geschlecht: 1, Alter: 30} ]; //Das JavaScript-Array enthält Objekte //Konvertieren Sie das JavaScript-Objekt in einen String im JSON-Format var str_json = JSON.stringify(data); Konsole.log(str_json); //Das Ergebnis der Ausführung ist: //[{"Name": "Wukong", "Geschlecht": 1, "Alter": 30},{"Name": "Bajie", "Geschlecht": 0, "Alter": 20},{"Name": "Tang-Mönch", "Geschlecht": 1, "Alter": 30}] So einfach! Dies ist auch die Methode, die wir am häufigsten verwenden 2. Extraktion komplexer DatenUnsere Daten sind beispielsweise sehr komplex und enthalten Informationen wie Avatare, Spitznamen und persönliche Signaturen. Aber ich habe es lokal gespeichert und brauche nur den Benutzernamen und das Geschlecht. Wie mache ich das? Dies können wir tun, indem wir den zweiten Parameter angeben, die Daten durchlaufen und erneut extrahieren. a. Traditionelle Methode zur Datenextraktion var Daten = [ {Name: "Wukong", Geschlecht: 1, Alter: 30}, {Name: "Bajie", Geschlecht: 0, Alter: 20}, {Name: „Tang Monk“, Geschlecht: 1, Alter: 30} ]; // Traditionelle Methode zum Extrahieren von Daten var new_data = []; für (var i=0, neue_Daten=[]; i<Datenlänge; i++) { //Erstellen Sie das Zeilenarray new_data.push({ Name: Daten[i].Name, Geschlecht: data[i].age }); } var str_json = JSON.stringify(neue_Daten); Konsole.log(str_json); b. Verwenden Sie den zweiten Parameter von stringify, um Daten zu extrahieren var Daten = [ {Name: "Wukong", Geschlecht: 1, Alter: 30}, {Name: "Bajie", Geschlecht: 0, Alter: 20}, {Name: „Tang Monk“, Geschlecht: 1, Alter: 30} ]; var str_json = JSON.stringify(Daten,["Name","Alter"]); Konsole.log(str_json); //Laufende Ergebnisse //[{"name":"Wukong","Alter":30},{"name":"Bajie","Alter":20},{"name":"Tang Monk","Alter":30}] Solange der zweite Parameter das erforderliche Schlüssel-Array übergibt, kann diese Verarbeitung sehr einfach abgeschlossen werden. Wenn wir es komplizierter handhaben möchten, z. B. 1,0 in männlich oder weiblich ändern möchten, kann der zweite Parameter natürlich von einer Rückruffunktion verarbeitet werden. var Daten = [ {Name: "Wukong", Geschlecht: 1, Alter: 30}, {Name: "Bajie", Geschlecht: 0, Alter: 20}, {Name: „Tang Monk“, Geschlecht: 1, Alter: 30} ]; var str_json = JSON.stringify(Daten,Funktion (Schlüssel, Wert) { wenn(Schlüssel==="Geschlecht"){ return ["Junge","Mädchen"][Wert]; } Rückgabewert; }); Konsole.log(str_json); // [{"name":"Wukong","geschlecht":"weiblich","alter":30},{"name":"Bajie","geschlecht":"männlich","alter":20},{"name":"Tang Monk","geschlecht":"weiblich","alter":30}] 3. Der dritte Parameter „Wu Yong“Ein sehr nutzloser Parameter, der grundsätzlich nie verwendet wird. Hängt von Ihrer eigenen Situation ab! var Daten = [ {Name: "Wukong", Geschlecht: 1, Alter: 30}, {Name: "Bajie", Geschlecht: 0, Alter: 20}, {Name: „Tang Monk“, Geschlecht: 1, Alter: 30} ]; var str_json = JSON.stringify(Daten,["Name","Geschlecht"],"\t"); konsole.log(str_json); /* [ { "Name": "Wukong", "Geschlecht": 1 }, { "Name": "Bajie", "Geschlecht": 0 }, { "Name": "Tang-Mönch", "Geschlecht": 1 } ] */ Wenn Sie nicht verstehen, überprüfen Sie bitte die API developer.mozilla.org/en-US/docs/… ZusammenfassenDies ist das Ende dieses Artikels über die Verwendung von JSON.stringify. Weitere relevante Inhalte zur Verwendung von JSON.stringify finden Sie in früheren Artikeln auf 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:
|
<<: Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.15
1. Was ist CSS Animations ist ein vorgeschlagenes...
Durch das Hinzufügen des Attributs rel="nofo...
1. MyISAM-Speicher-Engine Mangel: Keine Unterstüt...
Erstellen eines Projekts Erstellen Sie ein Projek...
Dies ist ein Problem, das leicht übersehen wird. ...
In diesem Artikelbeispiel wird der spezifische Co...
1. Chinesische Eingabemethode einrichten 2. Stell...
Dieser Artikel beschreibt, wie man das Linux-Syst...
Vor der Konfiguration müssen wir Folgendes tun: 1...
Fallstricke bei der Projektimplementierung Beim B...
Win10 + Ubuntu 20.04 LTS Dual-System-Installation...
So führen Sie SVG-Symbole in Vue ein Methode 1 zu...
Effektbild (wenn Sie ein Dreieck wünschen, klicke...
Inhaltsverzeichnis Vorwort vue.config.js-Konfigur...
Vorwort Die meisten Benutzer führen diesen Vorgan...