jQuery中each和forEach有什么不同?針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
具體如下:
<script>
$(function(){
// 3.1遍歷數組
var arr = [1, 3, 5, 7, 9];
// 3.1.1通過原生方法遍歷數組
// 第一個回調函數參數是遍歷到的元素
// 第二個回調函數參數是當前遍歷的索引
// 返回值:沒有返回值
var res = arr.forEach(function(ele, idx){
console.log(idx, ele);
});
console.log(res);
// 3.1.2通過jQuery靜態方法遍歷數組
// 第一個回調函數參數是當前遍歷的索引
// 第二個回調函數參數是遍歷到的元素
// 返回值:被遍歷的數組
var $res2 = $.each(arr, function(idx, ele){
console.log(idx, ele);
});
console.log($res2);
// 3.2遍歷對象
var obj = {name:"lnj",age:"33",gender:"male"};
// 3.2.1 js對象沒有forEach方法,所以通過for in方法遍歷對象
for(var key in obj){
console.log(key, obj[key]);
}
// 3.2.2 通過jQuery靜態方法遍歷對象
$.each(obj,function(key, value){
console.log(key, value);
});
});
</script>總結:
1.在遍歷數組時:
回調函數中參數的位置不一樣,forEach中為第一個參數為ele,第二個為index。each中第一個為index,第二個為ele;
回調函數中是否有返回值,forEach中沒有返回值,each有返回值,返回被遍歷的數組
2.遍歷對象
forEach不能遍歷對象,可以使用for in;
而each可以通過jq的講臺方法來遍歷,即$.each(obj,function(key,value){})
關于jQuery中each和forEach有什么不同問題的解答就分享到這里了,希望以上內容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注億速云行業資訊頻道了解更多相關知識。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。