1. 程式人生 > >遍歷JSON的三種方法

遍歷JSON的三種方法

JSON
一、JSON 語法規則
物件表示為鍵值對
資料由逗號分隔
花括號儲存物件
方括號儲存陣列
1.JSON 鍵值對是用來儲存 JS 物件的一種方式,和 JS 物件的寫法也大同小異,鍵/值對組合中的鍵名寫在前面並用雙引號 “” 包裹,使用冒號 : 分隔,然後緊接著值:{“firstName”: “John”}
JSON 是 JS 物件的字串表示法,它使用文字表示一個 JS 物件的資訊,本質是一個字串。
如:var obj = {a: ‘Hello’, b: ‘World’}; //這是一個物件,注意鍵名也是可以使用引號包裹的
var json = ‘{“a”: “Hello”, “b”: “World”}’; //這是一個 JSON 字串,本質是一個字串

JSON 和 JS 物件互轉
要實現從物件轉換為 JSON 字串,使用 JSON.stringify() 方法:
var json = JSON.stringify({a: ‘Hello’, b: ‘World’}); //結果是 ‘{“a”: “Hello”, “b”: “World”}’
要實現從 JSON 轉換為物件,使用 JSON.parse() 方法:
var obj = JSON.parse(‘{“a”: “Hello”, “b”: “World”}’); //結果是 {a: ‘Hello’, b: ‘World’}

取值(通用型):json[‘key’]
for(attr in json)中的attr獲取到的是json中屬性的名字,是個字串

遍歷
1. 簡單的JSON物件進行遍歷

// 遍歷簡單json物件
function traverseJsonSimpleObj(){
var jsonObj = {“name”: “kevin”, “age”: 27, “sex”: “男”, “city”: “shenzhen”};
for(var key in jsonObj){
var html = “


html += (key + ’ : ’ + jsonObj[key]);
html += “

“;
$(“#out”).append(html);
}
}
2. 遍歷json陣列,元素為json物件

function traverseJsonArray(){
var jsonArray = [{“name”: “kevin”, “age”: 27, “sex”: “男”, “city”: “shenzhen”},
{“name”: “kevin2”, “age”: 28, “sex”: “男”, “city”: “beijing”}];
//alert(‘JSON.stringify(jsonArray) = ’ + JSON.stringify(jsonArray));
for(var i=0; i