在web開發中,我們經常需要進行字符串與json之間的互相轉化。而當使用chrome瀏覽器進行開發時,我們可以使用chrome提供的一個工具方便地對字符串進行轉化。
// 定義一個json對象 let obj = { name: "小明", age: 18, hobby: ["游泳", "跑步", "看電影"] } // 將json轉化為字符串 let str = JSON.stringify(obj); console.log(str); // 將字符串轉化為json let json = JSON.parse(str); console.log(json);
以上代碼實現了json與字符串之間的轉化,其中JSON.stringify()方法將json對象轉成字符串,JSON.parse()方法將字符串轉成json對象。當我們想在chrome瀏覽器中進行調試時,我們可以在控制臺中直接把json或者字符串復制下來,然后使用copy()方法或鼠標右鍵選擇“copy as JSON”將其復制到剪貼板,然后在代碼中使用下面的方法將其轉換成json對象:
// 從剪貼板中獲取json字符串 navigator.clipboard.readText().then(function (str) { // 將字符串轉化為json let json = JSON.parse(str); console.log(json); });
當然,當我們處理的字符串非常長時,我們需要對其進行美化,方便我們的查看和編輯。可以使用prettier這個工具對字符串進行格式化。在chrome瀏覽器中安裝并啟動prettier插件,然后我們可以在控制臺中使用prettier對字符串進行美化,使其更加易讀。
// 使用prettier對字符串進行美化 let uglyStr = '{"name":"小明","age":18,"hobby":["游泳","跑步","看電影"]}'; let prettyStr = prettier.format(uglyStr, { parser: "json" }); console.log(prettyStr);
在開發過程中使用chrome提供的工具,可以大大提升我們的效率和開發體驗。
上一篇vue row標簽間距
下一篇ctf上傳json