vuejs如何實現字符串轉對象

本篇內容主要講解“vuejs如何實現字符串轉對象”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“vuejs如何實現字符串轉對象”吧!

vuejs實現字符串轉對象的方法：1、從數據庫表中讀取原數據；2、通過“this.temporary=JSON.parse(row.selections);”方法將字符串轉換成json對象即可。

本文操作環境：windows7系統、vue2.9.6版，DELL G3電腦。

vuejs怎么實現字符串轉對象？

vue.js對String類型轉json格式及json對象轉String：

在寫vue項目的時候，由于數據量龐大轉化格式相對比較復雜，于是就直接表單獲取值按String格式存入了數據庫表中，但是在編輯記錄的時候，又得從數據庫表中按id讀取，再相對應的在頁面上顯示；

于是：就教大家如何在vue項目中怎么進行String格式 Json格式的相互轉化：

且看數據庫存放的數據格式；本文以selections字段為例；


接下來，我就來演示一下，String格式，json格式是如何相對轉換
vue.js 部分重要演示代碼附上：

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);//再次轉化格式！注意看
      },

注意看下圖！！！就會體會到JSON.parse ，JSON.stringify的魅力所在！

順便再詳細介紹一下兩函數的用法：【ps：詳情來至菜鳥教程 跳轉到菜鳥教程url】
(1)JSON.parse函數 ：

作用：將json字符串轉換成json對象語法：JSON. parse(text[,reviver]).參數：text  必須；一個有效的json字符串。	reviver ：可選。返回值：一個對象或數組。

(2)JSON.stringify()函數 ：

作用：將json對象轉換成json字符串。	語法：JSON.stringify(value [, replacer] [, space]) 	參數：value  必須；通常為對象或數組。		replacer：可選，用于轉換結果的函數或者數組。		space ：可選。向返回值 JSON 文本添加縮進、空格和換行符以使其更易于讀取。 	返回值：一個包含JSON文本的字符串。

到此，相信大家對“vuejs如何實現字符串轉對象”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！