用過Underscore的朋友都知道，它對數組（集合）的遍歷有著非常完善的API可以調用的，_.each()就是其中一個。下面就是一個簡單的例子：
var arr = [1, 2, 3, 4, 5];_.each(arr, function(el) {console.log(el);});上面的代碼會依次輸出1， 2， 3， 4， 5，是不是很有意思，遍歷一個數組連for循環都不用自己寫了。 _.each()方法遍歷數組非常好用，但是它的內部實現一點都不難。下面就一起來看看到底是如何實現_.each()的。在這之前，我們先來看看_.each()的API。 _.each()的一般是如下調用的：
_.each(arr, fn, context);
它接收3個參數，
第一個是需要遍歷的數組（其實是對像也是可以的，這個後面我們再一起來討論）；
第二個是它的回調函數（這個回調函數可以傳入3個參數,如：function(el, i, arr)，分別是當前元素、當前索引和原數組）；
第三個是回調函數需要綁定到的上下文，即指定回調函數fn的this值。
好啦，需求已經非常明確了，開始乾活啦！
我們先來實現一個最簡單的_.each()，它不能夠修改上下文this的，接收兩個參數，代碼如下：
var _ = {}; // 假設這就是underscore哈// 一個最簡單的_.each方法的實現_.each = function(arr, fn) { for(var i = 0; i < arr.length; i++) { fn(arr[i], i, arr); } return arr; // 把原數組返回}怎麼樣？是不是很簡單呢？只是用一個for循環，不停的調用回調函數即可，短短幾行代碼就搞定了，相信沒有朋友看不懂的哈！下面我們來測試一下看能不能正常工作：
var arr = [1, 2, 3, 4, 5];_.each(arr, function(el, i, arr) { console.log(el);});在瀏覽器打開，然後控制台就會看到有正確的輸出了。
這麼簡單的代碼一點意思也沒有，接下來看一個比較有點挑戰性的例子哈。比如，數組arr有個sum屬性，我們需要把數組所有的元素求和之後存放到sum裡面，如下：
var arr = [1, 2, 3, 4, 5];arr.sum = 0; // sum屬性用來存放數組元素之和_.each(arr, function(el, i, arr) { this.sum += el;});這時候，回調函數里面用到了this，如果不綁定的話，this默認就是window，這不是我們想要的，我們希望它綁定到數組arr上面。 call或者apply可以實現這個功能，代碼如下：
var _ = {}; // 假設這就是underscore哈// bind，接收兩個參數fn和context// 把fn綁定到context上面var bind = function(fn, context) { context = context || null; return function(el, i, arr) { fn.call(context, el, i, arr); }}// _.each_.each = function(arr, fn, context) { // 調用bind方法，把fn綁定到context上面fn = bind(fn, context); for(var i = 0; i < arr.length; i++) { fn(arr[i], i, arr); } return arr;}// 測試用例：var arr = [1, 2, 3, 4, 5];arr.sum = 0; // sum屬性用來存放數組元素之和_.each(arr, function(el, i, arr) { this.sum += el;}, arr);console.log(arr.sum); // 15好啦，這個_.each()已經足夠強大了，可以正常遍歷數組，還可以任意指定this值改變回調函數的上下文。但是，我們前面有提到過，Underscore的_.each()還可以遍歷對象的，這個實現也不難，只要判斷一下傳入的第一個參數是對像還是數組，如果是數組就像我們一樣遍歷，否則如果是對象，使用對象的for...in循環遍歷就行了。有興趣的可以自己試試，或者看看underscore的源碼。
注意：自從ES5標準以來，原生數組就已經具有了Array.prototype.forEach、Array.prototype.Map等遍歷方法了，在項目中可以使用原生的。
以上所述是小編給大家介紹的深入淺析JS的數組遍歷方法(推薦)的全部敘述，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！