本文實例講述了JS實現手寫 forEach算法。分享給大家供大家參考，具體如下：

手寫 forEach

forEach()方法對數組的每個元素執行一次提供的函數

arr.forEach(callback(currentValue [, index [, array]])[, thisArg]);

callback

currentValue 數組中正在處理的當前元素。 index 可選 數組中正在處理的當前元素的索引。 array 可選 forEach() 方法正在操作的數組。 thisArg 可選 可選參數。當執行回調函數 callback 時，用作 this 的值。 沒有返回值

如果提供了一個 thisArg 參數給 forEach 函數，則參數將會作為回調函數中的 this 值。否則 this 值為 undefined。回調函數中 this 的綁定是根據函數被調用時通用的 this 綁定規則來決定的。

let arr = [1, 2, 3, 4];arr.forEach((...item) => console.log(item));// [1, 0, Array(4)] 當前值

function Counter() { this.sum = 0; this.count = 0;}// 因為 thisArg 參數（this）傳給了 forEach()，每次調用時，它都被傳給 callback 函數，作為它的 this 值。Counter.prototype.add = function(array) { array.forEach(function(entry) { this.sum += entry; ++this.count; }, this); // ^---- Note};const obj = new Counter();obj.add([2, 5, 9]);obj.count;// 3 === (1 + 1 + 1)obj.sum;// 16 === (2 + 5 + 9) 每個數組都有這個方法 回調參數為：每一項、索引、原數組

Array.prototype.forEach = function(fn, thisArg) { var _this; if (typeof fn !== 'function') { throw '參數必須為函數'; } if (arguments.length > 1) { _this = thisArg; } if (!Array.isArray(arr)) { throw '只能對數組使用forEach方法'; } for (let index = 0; index < arr.length; index++) { fn.call(_this, arr[index], index, arr); }};

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript數學運算用法總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript數組操作技巧總結》、《JavaScript排序算法總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript查找算法技巧總結》及《JavaScript錯誤與調試技巧總結》

希望本文所述對大家JavaScript程序設計有所幫助。