3分鐘掌握常用的JS操作JSON方法總結
工作中做了幾款自動化測試工具都是跟日志讀取相關,日志格式又大多數(shù)都是JSON,所以這里把常用的JS操作JSON的方法做了總結~~
一、概要簡介
JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式,同時,JSON是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的 API 或工具包。
在JSON中,有兩種結構:對象和數(shù)組
1、對象以“{”開始,“}”結束,“key/value”之間運用 “,”分隔。
2、數(shù)組以“[”開始,“]”結束。值之間運用 “,”分隔。
二、JSON對象和JSON字符串的轉換
在數(shù)據(jù)傳輸過程中,JSON是以字符串的形式傳遞的,而JS操作的是JSON對象,所以,JSON對象和JSON字符串之間的相互轉換是關鍵。如下:
JSON字符串:
JSON對象:
1、將String轉化為JSON
2、將JSON轉化為String
三、JSON的輸出美化
上一節(jié)我們講到了將JSON對象轉化為JSON字符串可以用JSON.stringify() 方法,stringify還有個可選參數(shù)space(1<=space<=10),可以指定縮進的空格數(shù),用于美化輸出;
我們看下代碼:
待美化的JSON:
美化后的輸出,是不是看得更清晰了:
四、JSON字符串的替換
日志處理中常常有這樣的字符串,如下:
需要經(jīng)過替換后,才能變成標準的JSON字符串格式,從而轉化成JSON對象。這里我們需要用JS實現(xiàn)replaceAll的功能,將所有的 ' \\" ' 替換成 ' " ' 。
代碼如下,這里的gm是固定的,g表示global,m表示multiple:
替換后的效果如下:
五、遍歷JSON對象和數(shù)組
1、遍歷JSON對象,代碼如下:
2、遍歷JSON數(shù)組,代碼如下:
六、遞歸遍歷JSON對象
為了實現(xiàn)一些復雜功能常常需要遞歸遍歷JSON對象,這里給出一個遞歸的例子,希望能給大家作為參考。
例子中要求處理JSON字符串,遇到數(shù)組的時候,數(shù)組中有超過一個對象,刪除第一個對象之后的所有對象,假設原始JSON如下:
要求處理后的數(shù)組中只保留第一個對象,處理完成后應該如下圖所示:
遞歸代碼如下:
以上所述是小編給大家介紹的3分鐘掌握常用的JS操作JSON方法總結,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關文章
CodeMirror實現(xiàn)代碼對比功能(插件react vue)
這篇文章主要介紹了CodeMirror實現(xiàn)代碼對比功能,用到的插件有vue或者react都需要這一步且同樣的下載方式,本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2022-05-05