我是點點小萱,這個問題我來回答。
json
首先我們來介紹下javascript,JavaScript一種直譯式指令碼語言,是一種動態型別、弱型別、基於原型的語言,內建支援型別。
js已經被廣泛用於Web應用開發,常用來為網頁新增各式各樣的動態功能,為使用者提供更流暢美觀的瀏覽效果。通常JavaScript指令碼是透過嵌入在HTML中來實現自身的功能的。
而json(全稱JavaScript Object Notation)則是JS物件的簡譜,是一種輕量級的資料交換格式。它是基於 ECMAScript (歐洲計算機協會制定的js規範)的一個子集,它透過完全獨立於程式語言的文字格式來儲存和表示資料資訊。
我們可以這樣理解:JSON是JS物件的字串表示形式,它使用文字來表示一個JS物件的資訊,其本質是一個字串。
用json格式來表示資料,這樣更容易讓人閱讀和編寫,同時對於機器的解析和生成也更加簡單。
javascript處理json
在js中,我們通常用JSON.parse()方法來解析JSON字串。
①建立一個json字串:
②透過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
感興趣的朋友可以使用這個工具,測試上述程式碼執行的效果。
------------河南新華
我是點點小萱,這個問題我來回答。
json
首先我們來介紹下javascript,JavaScript一種直譯式指令碼語言,是一種動態型別、弱型別、基於原型的語言,內建支援型別。
js已經被廣泛用於Web應用開發,常用來為網頁新增各式各樣的動態功能,為使用者提供更流暢美觀的瀏覽效果。通常JavaScript指令碼是透過嵌入在HTML中來實現自身的功能的。
而json(全稱JavaScript Object Notation)則是JS物件的簡譜,是一種輕量級的資料交換格式。它是基於 ECMAScript (歐洲計算機協會制定的js規範)的一個子集,它透過完全獨立於程式語言的文字格式來儲存和表示資料資訊。
我們可以這樣理解: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
感興趣的朋友可以使用這個工具,測試上述程式碼執行的效果。
------------河南新華