如何用JS模擬實現(xiàn)數(shù)組的map方法
昨天使用map方法的時候,突然感覺一直在直接用,也沒有試試是怎么實現(xiàn)的,本來想直接搜一篇文章盤一下子,結果沒搜到合適的,好吧,那就自己來寫一下子吧
今天就來實現(xiàn)一個簡單的map方法
首先我們來看一下map方法的使用以及具體的參數(shù)
var arr = ["a","b","c","d","e"]; arr.map(function(currentValue,index,arr){ console.log("當前元素"+currentValue) console.log("當前索引"+index) console.log("數(shù)組對象"+arr) })
map的參數(shù):
currentValue 必須。當前元素的值
index 可選。當期元素的索引值
arr 可選。當期元素屬于的數(shù)組對象
運行結果:
我們先來屢屢思路,直接Array.map()就可以調用到map方法,那他應該是在原型鏈上的,然后接收一個匿名函數(shù)做參數(shù),通過循環(huán)調用傳入的匿名函數(shù)
下面我們來寫一下試試
Array.prototype.newMap = function(fn) { var newArr = []; for(var i = 0; i<this.length; i++){ newArr.push(fn(this[i],i,this)) } return newArr; }
來,調用一下試一下子
arr.newMap((currentValue,index,arr)=>{ console.log("newMap當前元素"+currentValue) console.log("newMap當前索引"+index) console.log("newMap數(shù)組對象"+arr) })
運行結果:
可以看到我們的運行結果是完全一樣的,到這里簡單的map方法就實現(xiàn)了,可能有一些細節(jié)沒注意到,沒關系,只是給大家一個思路而已
以上就是如何用JS模擬實現(xiàn)數(shù)組的map方法的詳細內容,更多關于JS模擬實現(xiàn)數(shù)組的map方法的資料請關注腳本之家其它相關文章!
相關文章
CryptoJS中AES實現(xiàn)前后端通用加解密技術
這篇文章主要為大家詳細介紹了CryptoJS中AES實現(xiàn)前后端通用加解密技術,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-12-12js中的關聯(lián)數(shù)組與普通數(shù)組詳解
下面小編就為大家?guī)硪黄猨s中的關聯(lián)數(shù)組與普通數(shù)組詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07微信小程序出現(xiàn)wx.getLocation再次授權問題的解決方法分析
這篇文章主要介紹了微信小程序出現(xiàn)wx.getLocation再次授權問題的解決方法,結合實例形式分析了解決wx.getLocation再次授權問題的相關操作步驟,需要的朋友可以參考下2019-01-01js控制臺報錯Uncaught TypeError: Cannot read p
本文主要介紹了js控制臺報錯Uncaught TypeError: Cannot read properties of undefined (reading ‘appendChild‘)的解決,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-07-07用Javascript評估用戶輸入密碼的強度實現(xiàn)代碼
用Javascript評估用戶輸入密碼的強度實現(xiàn)代碼,需要的朋友可以參考下。2011-11-11