在JavaScript中,我們經(jīng)常需要遍歷JSON對(duì)象和數(shù)組中的數(shù)據(jù)。JQuery為我們提供了非常方便的方法$.each()來(lái)進(jìn)行數(shù)據(jù)的遍歷。
使用$.each()方法遍歷JSON時(shí),我們需要在方法中傳入兩個(gè)參數(shù):第一個(gè)參數(shù)是要遍歷的JSON對(duì)象或數(shù)組,第二個(gè)參數(shù)是一個(gè)回調(diào)函數(shù),用于處理遍歷到的每一個(gè)元素。
$.each( json, function( key, value ) { //處理遍歷到的每一個(gè)元素 });
其中,回調(diào)函數(shù)中需要傳入兩個(gè)參數(shù),第一個(gè)參數(shù)是當(dāng)前遍歷到的對(duì)象的key值,第二個(gè)參數(shù)是當(dāng)前遍歷到的對(duì)象的value值。
下面是一個(gè)具體的例子:
//JSON對(duì)象 var json = { "name": "張三", "age": 18, "sex": "男" } //遍歷JSON對(duì)象 $.each(json, function(key, value){ console.log(key + ": " + value); }); //輸出結(jié)果: //name: 張三 //age: 18 //sex: 男
使用$.each()方法遍歷數(shù)組時(shí),同樣需要在方法中傳入兩個(gè)參數(shù):第一個(gè)參數(shù)是要遍歷的數(shù)組的名稱(chēng),第二個(gè)參數(shù)是一個(gè)回調(diào)函數(shù),用于處理遍歷到的每一個(gè)元素。
$.each( array, function( index, value ) { //處理遍歷到的每一個(gè)元素 });
其中,回調(diào)函數(shù)中需要傳入兩個(gè)參數(shù),第一個(gè)參數(shù)是當(dāng)前遍歷到的元素在數(shù)組中的索引值,第二個(gè)參數(shù)是當(dāng)前遍歷到的元素的值。
下面是一個(gè)具體的例子:
//數(shù)組 var array = ['張三', '李四', '王五']; //遍歷JSON對(duì)象 $.each(array, function(index, value){ console.log(index + ": " + value); }); //輸出結(jié)果: //0: 張三 //1: 李四 //2: 王五
總之,使用$.each()方法可以方便快捷地遍歷JSON對(duì)象和數(shù)組。在使用過(guò)程中,需要注意傳入的參數(shù)和回調(diào)函數(shù)的參數(shù),以及對(duì)每個(gè)元素的具體處理。