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

1、json定義

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

  • {} 雙括號表示對象
  • [] 中括號表示數組
  • "" 雙引號內是屬性或值
  • : 冒號表示後者是前者的值(這個值能夠是字符串、數字、也能夠是另外一個數組或對象)

JSON 語法是 JavaScript 對象表示法語法的子集。
數據在名稱/值對中、數據由逗號分隔、花括號保存對象、方括號保存數組

JSON 值能夠是:數字(整數或浮點數)、字符串(在雙引號中)、邏輯值(true 或 false)、數組(在方括號中)、對象(在花括號中)、null正則表達式

因此 {"name": "Michael"} 能夠理解爲是一個包含name爲Michael的對象json

2、爲何用json

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

3、JS 內置兩個Json方法

一、對象轉化爲字符串數組

任何把 JavaScript 變成 Json ,就是把這個對象序列化爲Json字符串,而後才能夠經過網絡傳遞; 網絡

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

 

//參數一 :要序列化的數據(object)
//參數二 :控制對象的鍵值,只想輸出指定的屬性,傳入一個數組
//參數三 :序列化後,打印輸出的格式(一個Tab ,能夠更直觀查看json)

   例子:ui

 

二、字符串轉換爲對象spa

若是咱們收到一個JSON格式的字符串,只須要把它反序列化成一個JavaScript對象,就能夠在JavaScript中直接使用這個對象了code

JSON.parse( json.DATA )  對象

//傳入json字符串

   

4、全局替換字符串

這裏咱們須要用JS實現replaceAll的功能, 將全部的 ' xa" ' 替換成  ' " ' .
代碼以下,這裏的gm是固定的,g表示global,m表示multiple,也可使用正則表達式

 

 5、遍歷json對象和json數組

一、遍歷JSON對象代碼以下:

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

二、遍歷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到知識點,那就是共贏了。
固然因爲筆者能力有限,或許文中存在描述不正確,歡迎指正、補充!
感謝您的閱讀。若是本文對您有用,那麼請點贊鼓勵。

相關文章
相關標籤/搜索