1. 程式人生 > 程式設計 >10分鐘學會js處理json的常用方法

10分鐘學會js處理json的常用方法

一、json定義

JSON ( JavaScript Object Notation) ,它是一串字串 只不過元素會使用特定的符號標註。

  • {} 雙括號表示物件
  • [] 中括號表示陣列
  • "" 雙引號內是屬性或值
  • : 冒號表示後者是前者的值(這個值可以是字串、數字、也可以是另一個數組或物件)

JSON 語法是 JavaScript 物件表示法語法的子集。
資料在名稱/值對中、資料由逗號分隔、花括號儲存物件、方括號儲存陣列

JSON 值可以是:數字(整數或浮點數)、字串(在雙引號中)、邏輯值(true 或 false)、陣列(在方括號中)、物件(在花括號中)、null

所以 {"name": "Michael"} 可以理解為是一個包含name為Michael的物件

二、為什麼用json

  1. JSON是純文字格式,是獨立於語言和平臺的。
  2. 生成和解析相對於XML而言要簡單。
  3. 讀寫的速度更快。

三、JS 內建兩個Json方法

1、物件轉化為字串

任何把 JavaScript 變成 Json ,就是把這個物件序列化為Json字串,然後才可以通過網路傳遞;

JSON.stringify( {},[ ],"")

//引數一 :要序列化的資料(object)
//引數二 :控制物件的鍵值,只想輸出指定的屬性,傳入一個數組
//引數三 :序列化後,列印輸出的格式(一個Tab ,可以更直觀檢視json)

例子:

10分鐘學會js處理json的常用方法

2、字串轉換為物件

如果我們收到一個JSON格式的字串,只需要把它反序列化成一個JavaScript物件,就可以在JavaScript中直接使用這個物件了

JSON.parse( json.DATA )

//傳入json字串

10分鐘學會js處理json的常用方法

四、全域性替換字串

這裡我們需要用JS實現replaceAll的功能, 將所有的 ' xa" ' 替換成 ' " ' .
程式碼如下,這裡的gm是固定的,g表示global,m表示multiple,也可以使用正則表示式

10分鐘學會js處理json的常用方法

五、遍歷json物件和json陣列

1、遍歷JSON物件

程式碼如下:

var packJson = {"name":"Liza","password":"123"} ;
for(var k in packJson ){//遍歷packJson 物件的每個key/value對,k為key
alert(k + " " + packJson[k]);
}

10分鐘學會js處理json的常用方法

10分鐘學會js處理json的常用方法

2、遍歷JSON陣列

程式碼如下:

var packJson = [{"name":"Liza","password":"123"},{"name":"Mike","password":"456"}];
for(var i in packJson){//遍歷packJson 陣列時,i為索引
alert(packJson[i].name + " " + packJson[i].password);
}

10分鐘學會js處理json的常用方法

10分鐘學會js處理json的常用方法

附錄

學習本就是一個不斷模仿、練習、再到最後面自己原創的過程。

雖然可能從來不能寫出超越網上通型別同主題博文,但為什麼還是要寫?
於自己而言,博文主要是自己總結。假設自己有觀眾,畢竟講是最好的學(見下圖)。

於讀者而言,筆者能在這個過程get到知識點,那就是雙贏了。
當然由於筆者能力有限,或許文中存在描述不正確,歡迎指正、補充!
感謝您的閱讀。如果本文對您有用,那麼請點贊鼓勵。

10分鐘學會js處理json的常用方法

到此這篇關於10分鐘學會js處理json的常用方法的文章就介紹到這了,更多相關js處理json方法內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!