JS操作JSON有哪些方法

這次帶給大家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

 

我們看下程式碼：

 

待美化的JSON：

 

美化後的輸出，是不是看得更清晰了：

 

四、JSON字串的替換

日誌處理中常常有這樣的字串，如下：

 

要經過替換後，才能變成標準的JSON字串格式，從而轉換成JSON物件。這裡我們需要用JS實現replaceAll的功能，將所有的 ' \\" ' 替換成  ' " ' 。

程式碼如下、這裡的gm是固定的，g表示global，m表示multiple：

 

##替換後的效果如下：

# 

五、遍歷JSON物件與陣列

#1、遍歷JSON對象，程式碼如下：

 

2、遍歷JSON數組，程式碼如下：

# 

六、遞迴遍歷JSON對象

為了實現一些複雜功能常常需要遞歸遍歷JSON對象，這裡給出一個遞歸的例子，希望能給大家作為參考。

範例中要求處理JSON字串，遇到數組的時候，數組中有超過一個對象，刪除第一個對象之後的所有對象，假設原始JSON如下：

# 

要求處理後的陣列中只保留第一個對象，處理完成後應該如下圖：

 

##遞迴程式碼如下：

 

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

JQuery實作側邊欄選單

#jquery點選縮圖切換播放效果實作

jQuery焦點圖橫向捲動實作方法

以上是JS操作JSON有哪些方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！