javascript如何處理json數據？

我是點點小萱，這個問題我來回答。

json

首先我們來介紹下javascript，JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基于原型的語言，內置支持類型。

js已經被廣泛用于Web應用開發,常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。

而json（全稱JavaScript Object Notation）則是JS對象的簡譜，是一種輕量級的數據交換格式。它是基于 ECMAScript (歐洲計算機協會制定的js規范)的一個子集，它通過完全獨立于https://www.52fb.cn語言的文本格式來存儲和表示數據信息。

我們可以這樣理解：JSON是JS對象的字符串表示形式，它使用文本來表示一個JS對象的信息，其本質是一個字符串。

用json格式來表示數據，這樣更容易讓人閱讀和編寫，同時對于機器的解析和生成也更加簡單。

javascript處理json

在js中，我們通常用JSON.parse()方法來解析JSON字符串。

①創建一個json字符串:

var jsonStr = '[{\"name1\":{\"address1\":\"北京市朝陽區\"}},{\"name2\":{\"address2\":\"北京市西城區\"}},{\"name3\":{\"address3\":\"北京市海淀區\"}}]';

②通過JSON.parse()方法來解析json字符串為一個對象：

var json = JSON.parse(jsonStr);

//打印對象信息

console.log(json);

③遍歷對象獲取對象中的屬性值

// 循環遍歷對象，獲取key -- value

for(var i = 0; i < json.length; i++){

// {"name1":{"address1":"北京市朝陽區"}}

var itemJson = json[i];

// 再次遍歷獲取

for(var key in itemJson){

console.log(key);

// {"address2":"北京市西城區"}

var childItem = itemJson[key];

// 再次遍歷獲取

for (var keyItem in childItem) {

console.log(keyItem + " -- " + childItem[keyItem]);

}

}

}

我們可以看到解析后，打印的對象信息，以及對象的遍歷信息：

如此，一個簡單的json字符串解析就完成了。另外，提供一個在線解析的工具：

http://tools.jb51.net/code/HtmlJsRun

感興趣的朋友可以使用這個工具，測試上述代碼運行的效果。

我是點點小萱，如有不足之處，歡迎點評、建議。

------------河南新華