jquery中如何遍歷對象和數組

本篇內容介紹了“jquery中如何遍歷對象和數組”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

JS forEach方法

arr[].forEach(function(value,index,array){
　　//do something
})

• 參數：value數組中的當前項,index當前項的索引,array原始數組；

• 數組中有幾項，那么傳遞進去的匿名回調函數就需要執行幾次；

• 理論上這個方法是沒有返回值的，僅僅是遍歷數組中的每一項，不對原來數組進行修改；但是可以自己通過數組的索引來修改原來的數組；

var arr = [12,23,24,42,1];
var res = arr.forEach(function (item,index,input) {
  input[index] = item*10;
})
console.log(res);//-->undefined;
console.log(ary);//-->[120,230,240,420,10]; 通過數組索引改變了原數組

JS map方法

arr[].map(function(value,index,array){
　　//do something
})

• 參數：value數組中的當前項,index當前項的索引,array原始數組；

• 區別：map的回調函數中支持return返回值；return的是啥，相當于把數組中的這一項變為啥（并不影響原來的數組，只是相當于把原數組克隆一份，把克隆的這一份的數組中的對應項改變了）；

var arr = [12,23,24,42,1];
var res = arr.map(function (item,index,input) {
  return item*10;
})
console.log(res);//-->[120,230,240,420,10]; 原數組拷貝了一份，并進行了修改
console.log(ary);//-->[12,23,24,42,1]; 原數組并未發生變化

jQuery $.each方法

$.each(arr, function(index,value){
　　//do something
})

• 參數：arr要遍歷的數組,index當前項的索引,value數組中的當前項

• 第1個和第2個參數正好和以上兩個函數是相反的，注意不要記錯了

var arr = [12,23,24,42,1];
$.each(arr, function (index,item) {
  console.log(index) // 0 1 2 3 4
  console.log(item) // 12 23 24 42 1
})

“jquery中如何遍歷對象和數組”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！