溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

JS如何實(shí)現(xiàn)手寫forEach算法

發(fā)布時(shí)間：2020-07-29 13:46:43 來(lái)源：億速云 閱讀：365 作者：小豬 欄目：web開(kāi)發(fā)

小編這次要給大家分享的是JS如何實(shí)現(xiàn)手寫forEach算法，文章內(nèi)容豐富，感興趣的小伙伴可以來(lái)了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

手寫 forEach

forEach()方法對(duì)數(shù)組的每個(gè)元素執(zhí)行一次提供的函數(shù)

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

  • callback

    • currentValue
         數(shù)組中正在處理的當(dāng)前元素。
    • index 可選
         數(shù)組中正在處理的當(dāng)前元素的索引。
    • array 可選
         forEach() 方法正在操作的數(shù)組。
    • thisArg 可選
         可選參數(shù)。當(dāng)執(zhí)行回調(diào)函數(shù) callback 時(shí)，用作 this 的值。
  • 沒(méi)有返回值

如果提供了一個(gè) thisArg 參數(shù)給 forEach 函數(shù)，則參數(shù)將會(huì)作為回調(diào)函數(shù)中的 this 值。否則 this 值為 undefined?；卣{(diào)函數(shù)中 this 的綁定是根據(jù)函數(shù)被調(diào)用時(shí)通用的 this 綁定規(guī)則來(lái)決定的。

let arr = [1, 2, 3, 4];

arr.forEach((...item) => console.log(item));

// [1, 0, Array(4)] 當(dāng)前值
function Counter() {
 this.sum = 0;
 this.count = 0;
}

// 因?yàn)?thisArg 參數(shù)（this）傳給了 forEach()，每次調(diào)用時(shí)，它都被傳給 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)
  • 每個(gè)數(shù)組都有這個(gè)方法
  • 回調(diào)參數(shù)為：每一項(xiàng)、索引、原數(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 "只能對(duì)數(shù)組使用forEach方法";
 }

 for (let index = 0; index < arr.length; index++) {
  fn.call(_this, arr[index], index, arr);
 }
};

看完這篇關(guān)于JS如何實(shí)現(xiàn)手寫forEach算法的文章，如果覺(jué)得文章內(nèi)容寫得不錯(cuò)的話，可以把它分享出去給更多人看到。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手