遍歷數據的常見操作


遍歷數據最常見的方法就是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)出來的!鳥無翅膀不能飛,人無志氣不成功!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容