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)

   例子:

 

2、字串轉換為物件

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

JSON.parse( json.DATA )  

//傳入json字串

   

四、全域性替換字串

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

 

 五、遍歷json物件和json陣列

1、遍歷JSON物件程式碼如下:

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

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);
}

 

 

   

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

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

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

  

 



&n