工作中做了幾款自動化測試工具都是跟日志讀取相關(guān)，日志格式又大多數(shù)都是JSON，所以這里把常用的JS操作JSON的方法做了總結(jié)~~

一、概要簡介

JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式,同時，JSON是 JavaScript 原生格式，這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的 API 或工具包。

在JSON中，有兩種結(jié)構(gòu)：對象和數(shù)組

1、對象以“{”開始，“}”結(jié)束，“key/value”之間運(yùn)用 “,”分隔。

2、數(shù)組以“[”開始，“]”結(jié)束。值之間運(yùn)用 “,”分隔。

二、JSON對象和JSON字符串的轉(zhuǎn)換

在數(shù)據(jù)傳輸過程中，JSON是以字符串的形式傳遞的，而JS操作的是JSON對象，所以，JSON對象和JSON字符串之間的相互轉(zhuǎn)換是關(guān)鍵。如下：

JSON字符串：

JSON對象：

1、將String轉(zhuǎn)化為JSON

2、將JSON轉(zhuǎn)化為String

三、JSON的輸出美化

上一節(jié)我們講到了將JSON對象轉(zhuǎn)化為JSON字符串可以用JSON.stringify() 方法，stringify還有個可選參數(shù)space（1<=space<=10），可以指定縮進(jìn)的空格數(shù)，用于美化輸出；

我們看下代碼：

待美化的JSON：

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

四、JSON字符串的替換

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

需要經(jīng)過替換后，才能變成標(biāo)準(zhǔn)的JSON字符串格式，從而轉(zhuǎn)化成JSON對象。這里我們需要用JS實現(xiàn)replaceAll的功能，將所有的 ' \\" ' 替換成  ' " ' 。

代碼如下,這里的gm是固定的，g表示global，m表示multiple：

替換后的效果如下：

五、遍歷JSON對象和數(shù)組

1、遍歷JSON對象，代碼如下：

2、遍歷JSON數(shù)組，代碼如下：

六、遞歸遍歷JSON對象

為了實現(xiàn)一些復(fù)雜功能常常需要遞歸遍歷JSON對象，這里給出一個遞歸的例子，希望能給大家作為參考。

例子中要求處理JSON字符串，遇到數(shù)組的時候，數(shù)組中有超過一個對象，刪除第一個對象之后的所有對象，假設(shè)原始JSON如下：

要求處理后的數(shù)組中只保留第一個對象，處理完成后應(yīng)該如下圖所示：

遞歸代碼如下：

以上所述是小編給大家介紹的3分鐘掌握常用的JS操作JSON方法總結(jié)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

最新評論