JS實現(xiàn)手寫 forEach算法示例
本文實例講述了JS實現(xiàn)手寫 forEach算法。分享給大家供大家參考，具體如下：
手寫 forEach
forEach()方法對數(shù)組的每個元素執(zhí)行一次提供的函數(shù)
arr.forEach(callback(currentValue [, index [, array]])[, thisArg]);
-
callback
- currentValue
數(shù)組中正在處理的當前元素。 - index 可選
數(shù)組中正在處理的當前元素的索引。 - array 可選
forEach() 方法正在操作的數(shù)組。 - thisArg 可選
可選參數(shù)。當執(zhí)行回調(diào)函數(shù) callback 時，用作 this 的值。
- currentValue
- 沒有返回值
如果提供了一個 thisArg 參數(shù)給 forEach 函數(shù)，則參數(shù)將會作為回調(diào)函數(shù)中的 this 值。否則 this 值為 undefined?；卣{(diào)函數(shù)中 this 的綁定是根據(jù)函數(shù)被調(diào)用時通用的 this 綁定規(guī)則來決定的。
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 參數(shù)（this）傳給了 forEach()，每次調(diào)用時，它都被傳給 callback 函數(shù)，作為它的 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)
- 每個數(shù)組都有這個方法
- 回調(diào)參數(shù)為：每一項、索引、原數(shù)組
Array.prototype.forEach = function(fn, thisArg) {
var _this;
if (typeof fn !== "function") {
throw "參數(shù)必須為函數(shù)";
}
if (arguments.length > 1) {
_this = thisArg;
}
if (!Array.isArray(arr)) {
throw "只能對數(shù)組使用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相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)學運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要介紹了詳解JS模塊導入導出以及相關問題解決方法，需要的朋友學習參考下吧。2017-12-12
FreeMarker是一個用Java語言編寫的模板引擎，它基于模板來生成文本輸出，用FreeMarker判斷對象是否為空的方法大家知道嗎，這篇文章就針對這個知道點做介紹，需要的朋友可以參考下2015-08-08
JavaScript實現(xiàn)向右伸出的多級網(wǎng)頁菜單效果
這篇文章主要介紹了JavaScript實現(xiàn)向右伸出的多級網(wǎng)頁菜單效果,通過javascript調(diào)用頁面元素屬性的動態(tài)改變實現(xiàn)向右展開菜單效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
JavaScript實現(xiàn)網(wǎng)頁版五子棋游戲
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)網(wǎng)頁版五子棋游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07
圖片完美縮放...2006-09-09
這篇文章主要介紹了Javascript定義類（class）的三種方法詳解,本文講解了構(gòu)造函數(shù)法、Object.create()法、極簡主義法三種方法,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了原生javascript實現(xiàn)圖片按鈕切換,需要的朋友可以參考下2015-01-01
在本篇文章里小編給大家整理了一篇關于js正則表達式簡單校驗方法，有需要的朋友們可以參考下。2021-01-01
這篇文章主要介紹了JS實現(xiàn)往下不斷流動網(wǎng)頁背景的方法,實例分析了遞歸調(diào)用自定義函數(shù)scrollBG實現(xiàn)動態(tài)背景特效的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
javascript的繼承機制并不是明確規(guī)定的,而是通過模仿實現(xiàn)的,意味著繼承不是由解釋程序處理,開發(fā)者有權(quán)決定最適合的繼承方式.2009-08-08