在JS中,我們經(jīng)常需要解析JSON數(shù)據(jù)。其中,each
是常用的一種JSON解析方法,可以遍歷一個JSON數(shù)組中的每個元素或者對象屬性。
//例如,我們有如下JSON數(shù)據(jù) var json = { "name": "張三", "age": 22, "hobbies": ["游泳", "音樂", "看電影"], "address": { "province": "浙江", "city": "杭州" } }; //我們可以通過each方法,遍歷json中的每個元素,并輸出到控制臺 $.each(json, function(key, value) { console.log(key + ": " + value); }); //輸出結(jié)果如下 //name: 張三 //age: 22 //hobbies: ["游泳", "音樂", "看電影"] //address: Object {province: "浙江", city: "杭州"}
在上面的代碼中,我們使用了each
方法。該方法接收兩個參數(shù):第一個參數(shù)表示要遍歷的對象或者數(shù)組,第二個參數(shù)表示遍歷時要執(zhí)行的函數(shù)。函數(shù)中有兩個參數(shù):第一個參數(shù)是當前元素的key值,第二個參數(shù)是當前元素的value值。
在遍歷JSON數(shù)組時,我們可以對每個元素進行處理,例如添加到一個HTML列表中。
//我們有如下的HTML結(jié)構(gòu) <ul id="list"></ul> //遍歷hobbies數(shù)組,并將每個元素添加到列表中 $.each(json.hobbies, function(index, value) { $('#list').append('<li>' + value + '</li>'); });
通過each
方法,我們可以便捷地遍歷JSON數(shù)據(jù),實現(xiàn)對數(shù)據(jù)的處理和操作。