jQuery中的$.each()方法是用來遍歷數(shù)組或?qū)ο蟮墓ぞ吆瘮?shù),非常適合處理JSON格式的數(shù)據(jù)。下面我們來看一下如何使用它來處理JSON。
// 定義一個(gè)JSON對象 var data = { "name": "小明", "age": 18, "gender": "男", "hobby": ["籃球", "游泳", "閱讀"], "country": { "province": "廣東省", "city": "廣州市", "district": "天河區(qū)" } }; // 使用$.each()遍歷JSON中的屬性和值 $.each(data, function(key, value){ console.log(key + ": " + value); }); // 輸出結(jié)果: // name: 小明 // age: 18 // gender: 男 // hobby: 籃球, 游泳, 閱讀 // country: [object Object] // 在遍歷JSON的過程中,如果屬性的值是數(shù)組或?qū)ο螅覀兛梢允褂?.each()繼續(xù)遍歷 $.each(data.hobby, function(index, value){ console.log("愛好" + (index+1) + ": " + value); }); // 輸出結(jié)果: // 愛好1: 籃球 // 愛好2: 游泳 // 愛好3: 閱讀 $.each(data.country, function(key, value){ console.log(key + ": " + value); }); // 輸出結(jié)果: // province: 廣東省 // city: 廣州市 // district: 天河區(qū)
通過使用$.each()方法,我們可以輕松地遍歷JSON中所有屬性和值,以及它們的子屬性和子值。