這次帶給大家JS操作JSON有哪些方法,JS操作JSON的注意事項有哪些,下面就是實戰案例,一起來看一下。
一、概要簡介
JSON(JavaScript Object Notation) 是一種輕量級的資料交換格式,同時,JSON是JavaScript 原生格式,這意味著在JavaScript 中處理JSON資料不須要任何特殊的API 或工具包。
在JSON中,有兩種結構:物件與陣列
#1、物件以「{」開始,「}」結束,「key/value」之間運用「,」分隔。
2、陣列以「[」開始,「]」結束。值之間運用 “,”分隔。
二、JSON物件和JSON字串的轉換
##在在資料傳輸過程中,JSON是以字串的形式傳遞的,而JS操作的是JSON對象,所以,JSON物件和JSON字串之間的相互轉換是關鍵。如下:JSON字串:##JSON物件:
1、轉化String為JSON
2、將JSON轉換為String
##三、JSON的輸出美化上一節我們講到了將JSON物件轉換成JSON字串可以用JSON.stringify() 方法,stringify還有個可選參數space(1<=space< =10),可以指定縮排的空格數,用來美化輸出;
我們看下程式碼:
待美化的JSON:
美化後的輸出,是不是看得更清晰了:
四、JSON字串的替換
日誌處理中常常有這樣的字串,如下:
要經過替換後,才能變成標準的JSON字串格式,從而轉換成JSON物件。這裡我們需要用JS實現replaceAll的功能,將所有的 ' \\" ' 替換成 ' " ' 。
程式碼如下、這裡的gm是固定的,g表示global,m表示multiple:##替換後的效果如下:
#
五、遍歷JSON物件與陣列
#1、遍歷JSON對象,程式碼如下: 2、遍歷JSON數組,程式碼如下: # 六、遞迴遍歷JSON對象 為了實現一些複雜功能常常需要遞歸遍歷JSON對象,這裡給出一個遞歸的例子,希望能給大家作為參考。 範例中要求處理JSON字串,遇到數組的時候,數組中有超過一個對象,刪除第一個對象之後的所有對象,假設原始JSON如下: # 要求處理後的陣列中只保留第一個對象,處理完成後應該如下圖:
以上是JS操作JSON有哪些方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!