前端解析json字符串 前端如何解析由list轉換過來的json數據?
前端如何解析由list轉換過來的json數據?兩種方法,舉個例子吧:方法一:var str = "[{"a":"1001","b":"book1"},{"a":"1002","b":"book2"}]
前端如何解析由list轉換過來的json數據?
兩種方法,舉個例子吧:
方法一:
var str = "[{"a":"1001","b":"book1"},{"a":"1002","b":"book2"}]"
var obj = JSON.parse(str)
obj[0].b方法二:
var str = "[{"a":"1001","b":"book1"},{"a":"1002","b":"book2"}]"
var obj = eval(str)
obj[1].b
如何優(yōu)化很長的JSON數據?
現在主流的網絡請求中都采用JSON作為其數據交互格式,這主要是因為JSON有以下優(yōu)勢:
數據格式簡單,易于讀寫,格式都是壓縮的,占用帶寬小;
易于解析,客戶端JS很容易JSON數據進行解析和編輯;
支持大多數后端語言,大大簡化了服務端和前端交互時的代碼開發(fā)量,且易于維護;
但如果在開發(fā)過程中,把很長很大的JSON數據在前后端傳輸,那就說明設計工作沒做好,應該盡量避免這種數據傳輸,但也可以從下面幾個方面進行下優(yōu)化:
優(yōu)化json數據的key-value的長度,盡量簡潔易懂即可;
異步分批加載,建設大數據量造成前端頁面卡死;
前端增加銷毀機制,可以一邊加載,一邊銷毀;
使用解析和壓縮性能高的JSON解析工具;
在 Skylake 處理器上,各種解析器解析同一個大數據量的JSON文件的速度(以 GB/s 為單位)如下所示: