reduce實現filter,map 陣列扁平化等

2021-09-24 07:37:30 字數 1349 閱讀 3241

map函式接收乙個函式作為引數,作為引數的函式接收三個引數值,分別是遍歷陣列的每一項元素,元素的索引和陣列本身。這三個引數剛好和reduce函式接收的第乙個函式引數的第2、3、4個引數是對應的。這是實現的核心

實現思路是,將每次遍歷的元素,作為傳入的函式的引數,並將函式執行的結果放入新的陣列中。

array.prototype._map = function (callback) , )

} else

}let val = [1, 5, 6]._map(item => item+ 1)

console.log(val); // [2, 6, 7]

複製**

實現filter的思路和實現map是一致的,只不過前者是一股腦的把執行結果全放入陣列中,而filter需要做乙個判斷:如果filter函式傳入的引數(引數是乙個函式)執行後有返回值,即經過了檢驗,才將遍歷的當前元素放入陣列中,如果沒有返回值,就忽略

array.prototype._filter = function (callback) , )

} else

} let val = [1, 5, 6]._filter(item => item > 2)

console.log(val); // [5, 6]

複製**

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

console.log(arr.reduce((prev, cur) =>

math.max(prev, cur))); // 5

console.log(arr.reduce((prev, cur) =>

math.min(prev, cur))); // 1

複製**

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

let result = arr.reduce((prev, item, index, arr) => , )

console.log(result); //[1, 2, 3, 4, 5]

複製**

let arr = [1, 2, '3js', [4, 5, [6], [7, 8, [9, 10, 11], null, 'abc'], , [13, 14]], '', null];

function

f(arr) , )

} else

}複製**

結果:

Array的Reduce實現原理

function myreduce fn,basenumber 判斷傳入的是不是個函式 if typeof fn function throw new error is not a function 判斷陣列是否為空 if this.length throw new error reduce of ...

reduce 方法實現 webpack 多檔案入口

這篇日誌,在開始接觸 webpack 時候就該寫了,現在發布也許對一些剛入此坑的童鞋能些許幫助。即使有點 low,重要的仍是分享 reduce 函式的設計意圖就是方便進行疊加運算 var arr 0,1,2,3 reduce 實現累加 var total arr.reduce function pr...

如何手動實現reduce 方法函式

與map 的實現 filter 的實現中的迭代方法不一樣,reduce 是歸併方法。reduce 接收兩個引數 第二個可選引數是作為歸併基礎的初始值 reduce 方法返回乙個最終的值。表示 arr.reduce function prev,cur,index,arr initialvalue 與之...