Heim  >  Artikel  >  Web-Frontend  >  So konvertieren Sie eine JSON-Zeichenfolge in ein Objekt in es6

So konvertieren Sie eine JSON-Zeichenfolge in ein Objekt in es6

青灯夜游
青灯夜游Original
2022-10-17 16:32:411788Durchsuche

Konvertierungsschritte: 1. Verwenden Sie die Methode JSON.parse(), um den JSON-String in ein Array zu konvertieren. Die Syntax lautet „JSON.parse(json-String)“. 2. Verwenden Sie zum Konvertieren den Erweiterungsoperator „…“. Nehmen Sie einfach die Array-Elemente einzeln heraus und speichern Sie sie in einem leeren Objekt „{}“. Die Syntax lautet „{...array object}“.

So konvertieren Sie eine JSON-Zeichenfolge in ein Objekt in es6

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

JSON

  • JSON ist ein spezielles String-Format, im Wesentlichen ein String

  • Wenn der Schlüssel und der Wert wie Objekte und Arrays im String-Format vorliegen, werden sie in doppelte Anführungszeichen gesetzt (muss doppelte Anführungszeichen sein)

Beispiel:

var jsonStr = '{ "name": "cxh", "sex": "man" }';

So konvertieren Sie eine JSON-Zeichenfolge in ein Objekt in es6

es6-Methode zum Konvertieren einer JSON-Zeichenfolge in ein Objekt

In es6 können Sie Arrays, die JSON.parse()-Methode und den Erweiterungsoperator „…“ zum Konvertieren verwenden JSON-String in Objekt einfügen.

Konvertierungsschritte:

Schritt 1. Verwenden Sie die JSON.parse()-Methode, um den JSON-String in ein Array zu konvertieren

Die JSON.parse()-Methode konvertiert die Daten in ein JavaScript-Objekt

var jsonStr = '[1,2,3,{"a":1}]';
var arr=JSON.parse(jsonStr);
console.log(arr);

So konvertieren Sie eine JSON-Zeichenfolge in ein Objekt in es6

Schritt 2: Verwenden Sie den Spread-Operator „…“, um das Array in ein Objekt umzuwandeln.

Der Spread-Operator „…“ kann das Array erweitern, die Array-Elemente einzeln herausnehmen und Speichern Sie es dann in einem leeren Objekt „{ }“.

const obj = {...arr} ;
console.log(obj);

So konvertieren Sie eine JSON-Zeichenfolge in ein Objekt in es6

【Verwandte Empfehlungen: Javascript-Video-Tutorial, Programmiervideo

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie eine JSON-Zeichenfolge in ein Objekt in es6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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