So konvertieren Sie einen String in ein Objekt in VueJS

Vuejs-Methode zum Konvertieren einer Zeichenfolge in ein Objekt: 1. Lesen Sie die Originaldaten aus der Datenbanktabelle. 2. Konvertieren Sie die Zeichenfolge mithilfe der Methode „this.temporary=JSON.parse(row.selections);“

Die Betriebsumgebung dieses Artikels: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Wie konvertiere ich einen String in ein Objekt in VueJS?

vue.js konvertiert den String-Typ in das JSON-Format und das JSON-Objekt in einen String:

Beim Schreiben des Vue-Projekts ist das Konvertierungsformat aufgrund der großen Datenmenge relativ kompliziert, sodass ich den Wert direkt daraus erhalte das Formular und speichern Sie es im String-Format in der Datenbanktabelle, aber wenn Sie den Datensatz bearbeiten, müssen Sie ihn anhand der ID aus der Datenbanktabelle lesen und ihn dann entsprechend auf der Seite anzeigen

Also: Ich werde Ihnen beibringen, wie das geht Konvertieren Sie das String-Format im Vue-Projekt in das Json-Format:

Schauen wir uns das in der Datenbank gespeicherte Datenformat an.


Als nächstes werde ich das String-Format demonstrieren und JSON-Format werden relativ konvertiert
Einige wichtige Demonstrationen von vue.js Code beigefügt:

editFormBuilder(row){
//aa bb cc 只是在方便调试更清楚的看到从数据库表中拿的数据
		//从数据库表中读取原数据，注意看数据格式
        console.log("aa",row.selections);
        
        //接下来，如何解析成json型
        this.temporary=JSON.parse(row.selections);//将字符串转换成json对象
        this.items=this.temporary;
        console.log("bb",this.items);
        
        //注意看，又把对象转换成String型
       this.flag=JSON.stringify(row.selections);//将json对象转换成字符串
        this.items=this.flg;
        console.log("cc",this.items);//再次转化格式！注意看
      },

Achten Sie auf das Bild unten! ! ! Sie werden den Charme von JSON.parse und JSON.stringify erkennen!

Lassen Sie mich übrigens die Verwendung der beiden Funktionen im Detail vorstellen: [PS: Für Details besuchen Sie das Tutorial für Anfänger und springen Sie zur URL des Tutorials für Anfänger]
(1) JSON.parse-Funktion:

作用：将json字符串转换成json对象

语法：JSON. parse(text[,reviver]).

参数：text  必须；一个有效的json字符串。

	reviver ：可选。

返回值：一个对象或数组。

(2) JSON.stringify()-Funktion:

	作用：将json对象转换成json字符串。

	语法：JSON.stringify(value [, replacer] [, space]) 

	参数：value  必须；通常为对象或数组。

		replacer：可选，用于转换结果的函数或者数组。

		space ：可选。向返回值 JSON 文本添加缩进、空格和换行符以使其更易于读取。 

	返回值：一个包含JSON文本的字符串。

Empfohlenes Lernen: „Die neuesten 5 vue.js-Video-Tutorial-Auswahlen“

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie einen String in ein Objekt in VueJS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!