函數(shù)的用法引申實(shí)例？

jQuery中的$.each()函數(shù)比forEach更加強(qiáng)大,可以用來遍歷JavaScript中的任意集合,借來下來我們會舉幾個(gè)jQuery中$.each()函數(shù)的用法引申實(shí)例,首先先來回顧一下遍歷用法的基礎(chǔ):

$.each( collection, callback(indexInArray, valueOfElement) )

值得一提的是，forEach 可以很方便的遍歷數(shù)組和 NodeList ，jQuery 中的 jQuery 對象本身已經(jīng)部署了這類遍歷方法，而在原生 JavaScript 中則可以使用 forEach 方法，但是 IE 并不支持，因此我們可以手動把 forEach 方法部署到數(shù)組和 NodeList 中:

if ( !Array.prototype.forEach ){

Array.prototype.forEach = function(fn, scope) {

for( var i = 0, len = this.length; i < len; ++i) {

fn.call(scope, this[i], i, this);

}

}

}

// 部署完畢后 IE 也可以使用 forEach 了

document.getElementsByTagName('p').forEach(function(e){

e.className = 'inner';

});

而jQuery中的$.each()函數(shù)則更加強(qiáng)大。$.each()函數(shù)和$(selector).each()不一樣。$.each()函數(shù)可以用來遍歷任何一個(gè)集合，不管是一個(gè)JavaScript對象或者是一個(gè)數(shù)組，如果是一個(gè)數(shù)組的話，回調(diào)函數(shù)每次傳遞一個(gè)數(shù)組的下標(biāo)和這個(gè)下標(biāo)所對應(yīng)的數(shù)組的值（這個(gè)值也可以在函數(shù)體中通過this關(guān)鍵字獲取，但是JavaScript通常會把this這個(gè)值當(dāng)作一個(gè)對象即使他只是一個(gè)簡單的字符串或者是一個(gè)數(shù)字），這個(gè)函數(shù)返回所遍歷的對象，也就是這個(gè)函數(shù)的第一個(gè)參數(shù)，注意這里還是原來的那個(gè)數(shù)組，這是和map的區(qū)別。

其中collection代表目標(biāo)數(shù)組，callback代表回調(diào)函數(shù)（自己定義），回調(diào)函數(shù)的參數(shù)第一個(gè)是數(shù)組的下標(biāo)，第二個(gè)是數(shù)組的元素。當(dāng)然我們也可以給回調(diào)函數(shù)只設(shè)定一個(gè)參數(shù)，這個(gè)參數(shù)一定是下標(biāo)，而沒有參數(shù)也是可以的。