遍歷數據最常見的方法就是for循環(huán),出for循環(huán)外也有其他的一些比較好用的方法。
var array = [1,2,3,4,5];
//for循環(huán)1
for(let i = 0 ; i < array.length ; i++){
console.log(array[i]);
}
//for循環(huán)2
for(let index in array){
console.log(array[index]);
}
//for循環(huán)3
for(let item of array){
console.log(item);
}
//遍歷對象
var data = {
"李慧慧":145000,
"安杰":135000,
"Jom":15000
}
for(k in data){
console.log("姓名:"+k+";"+"對應值:"+data[k]);
//用data.Jom得到15000,但是用“data.安杰”會報錯,因此,在用漢字做key值的時候,選取的時候應該用data[“安杰”],這種方式。
}
一、 forEach
forEach() 方法用于調用數組的每個元素,并將元素傳遞給回調函數。
注意: forEach() 對于空數組是不會執(zhí)行回調函數的。
var array = [1,2,3,4,5];
array.forEach(function(item,index){
console.log('index'+index);
console.log(item);
});
與map方法的區(qū)別
map() 方法返回一個新數組,數組中的元素為原始數組元素調用函數處理后的值。map() 方法按照原始數組元素順序依次處理元素。
注意: map() 不會對空數組進行檢測。map() 不會改變原始數組。
var array = [1,2,3,4,5];
var array_add = array.map(function(item){
return item+=1;
});
console.log(array);// [1,2,3,4,5];
console.log(array_add);// [2,3,4,5,6];
二、 $.each()
這個方法是jQuery中定義的一個雜項方法。個人覺得比較好用。
語法:$.each( object, callback )
object:Object類型 指定需要遍歷的對象或數組。
callback: Function類型 指定的用于循環(huán)執(zhí)行的函數。
//遍歷對象
var obj = {
"flammable": "inflammable",
"duh": "no duh"
};
$.each( obj, function( key, value ) {
console.log( key + ": " + value );
});
//遍歷數組
var array = [1,2,3,4,5];
$.each( array, function( index, item ) {
console.log( index + ": " + item );
});
成功永遠沒有順其自然,成功都是挑戰(zhàn)出來的!鳥無翅膀不能飛,人無志氣不成功!