這篇文章給大家分享的是有關(guān)常用的JS操作JSON方法有哪些的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
成都創(chuàng)新互聯(lián)公司專注于白云企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè),購物商城網(wǎng)站建設(shè)。白云網(wǎng)站建設(shè)公司,為白云等地區(qū)提供建站服務(wù)。全流程按需求定制設(shè)計(jì),專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)
一、概要簡介
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)該如下圖所示:
遞歸代碼如下:
感謝各位的閱讀!關(guān)于“常用的JS操作JSON方法有哪些”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!