最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

3分鐘掌握常用的JS操作JSON方法總結(jié)

 更新時間:2017年04月25日 09:25:43   作者:徐潔  
工作中做了幾款自動化測試工具都是跟日志讀取相關(guān),日志格式又大多數(shù)都是JSON,所以這里把常用的JS操作JSON的方法做了總結(jié)

工作中做了幾款自動化測試工具都是跟日志讀取相關(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實(shí)現(xiàn)replaceAll的功能,將所有的 ' \\" ' 替換成  ' " ' 。

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

 

替換后的效果如下:

 

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

1、遍歷JSON對象,代碼如下:

 

2、遍歷JSON數(shù)組,代碼如下:

 

六、遞歸遍歷JSON對象

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

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

 

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

 

遞歸代碼如下:

 

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

相關(guān)文章

  • 常見JS前端接口校驗(yàn)方式總結(jié)

    常見JS前端接口校驗(yàn)方式總結(jié)

    作為一名優(yōu)秀的接口調(diào)用工程師,對接口的返回信息進(jìn)行校驗(yàn)是必不可少的,本文整理的是一些常用的校驗(yàn)方式,希望能夠?qū)Υ蠹矣兴鶐椭?/div> 2023-05-05
  • 整理一些最近經(jīng)常遇到的前端面試題

    整理一些最近經(jīng)常遇到的前端面試題

    這篇文章主要給大家整理了一些在面試的時候經(jīng)常遇到的前端面試題,本文總結(jié)的這三十道面試題都是一些最近碰到的一些較為有用的前端題目,相信會對大家面試具有一定的參考價值,需要的朋友可以參考學(xué)習(xí),下面來一起看看吧。
    2017-04-04
  • JavaScript設(shè)計模式之裝飾者模式實(shí)例詳解

    JavaScript設(shè)計模式之裝飾者模式實(shí)例詳解

    這篇文章主要介紹了JavaScript設(shè)計模式之裝飾者模式,結(jié)合實(shí)例形式較為詳細(xì)的分析了裝飾者模式的概念、原理及javascript定義、使用裝飾者模式的相關(guān)操作技巧,需要的朋友可以參考下
    2019-01-01
  • JavaScript返回網(wǎng)頁中錨點(diǎn)數(shù)目的方法

    JavaScript返回網(wǎng)頁中錨點(diǎn)數(shù)目的方法

    這篇文章主要介紹了JavaScript返回網(wǎng)頁中錨點(diǎn)數(shù)目的方法,涉及javascript使用document.anchors獲取錨點(diǎn)數(shù)目的技巧,非常具有實(shí)用價值,需要的朋友可以參考下
    2015-04-04
  • 原生JavaScript實(shí)現(xiàn)Ajax異步請求

    原生JavaScript實(shí)現(xiàn)Ajax異步請求

    ajax現(xiàn)在是一種非常流行的技術(shù),現(xiàn)在雖然可以利用JQuery或者一些第三方插件甚至微軟提供的一些控件可以方面的實(shí)現(xiàn)ajax功能,但是明白其原理也是非常重要的,下面是來使用純javascript實(shí)現(xiàn)獲取服務(wù)器端的功能來展示如何使用純javascript實(shí)現(xiàn)ajax功能,以弄清其原理.
    2017-11-11
  • js實(shí)現(xiàn)數(shù)字跳動到指定數(shù)字

    js實(shí)現(xiàn)數(shù)字跳動到指定數(shù)字

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)數(shù)字跳動到指定數(shù)字,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-08-08
  • JS簡單實(shí)現(xiàn)DIV相對于瀏覽器固定位置不變的方法

    JS簡單實(shí)現(xiàn)DIV相對于瀏覽器固定位置不變的方法

    這篇文章主要介紹了JS簡單實(shí)現(xiàn)DIV相對于瀏覽器固定位置不變的方法,涉及javascript針對頁面位置的運(yùn)算與動態(tài)變換技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2016-06-06
  • JavaScript自動設(shè)置IFrame高度的小例子

    JavaScript自動設(shè)置IFrame高度的小例子

    JavaScript自動設(shè)置IFrame高度的小例子,需要的朋友可以參考一下
    2013-06-06
  • javascript 連連看代碼出爐

    javascript 連連看代碼出爐

    非常不錯的連連看實(shí)現(xiàn)代碼,大家可以運(yùn)行下,看下效果。
    2009-06-06
  • Js+Flash實(shí)現(xiàn)訪問剪切板操作

    Js+Flash實(shí)現(xiàn)訪問剪切板操作

    最近需要遇到了這個問題點(diǎn)擊按鈕復(fù)制鏈接的功能果斷度娘谷哥,最后找到得解決方案ZeroClipBoard一款開源得js+Flash實(shí)現(xiàn)得剪切板操作
    2012-11-11

最新評論

宁阳县| 宁安市| 宁强县| 三江| 泸溪县| 中超| 西青区| 富民县| 化德县| 嘉义县| 醴陵市| 绥化市| 平阳县| 安康市| 鄂州市| 翁牛特旗| 湟源县| 兴和县| 当雄县| 文化| 青阳县| 高邑县| 乌兰浩特市| 卢湾区| 景泰县| 商河县| 扶绥县| 岳普湖县| 象山县| 寿光市| 方山县| 巴塘县| 富平县| 定边县| 宜都市| 南漳县| 海口市| 淅川县| 洪湖市| 江北区| 中牟县|