欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

如何用JS模擬實現(xiàn)數(shù)組的map方法

 更新時間：2020年07月30日 10:14:09   作者：一只  
這篇文章主要介紹了如何用JS模擬實現(xiàn)數(shù)組的map方法，文中講解非常細致，代碼幫助大家更好的理解和學習，感興趣的朋友可以了解下

昨天使用map方法的時候，突然感覺一直在直接用，也沒有試試是怎么實現(xiàn)的，本來想直接搜一篇文章盤一下子，結(jié)果沒搜到合適的，好吧，那就自己來寫一下子吧

今天就來實現(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ù)組對象

運行結(jié)果：

我們先來屢屢思路，直接Array.map()就可以調(diào)用到map方法，那他應(yīng)該是在原型鏈上的，然后接收一個匿名函數(shù)做參數(shù)，通過循環(huán)調(diào)用傳入的匿名函數(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;
　　　　　　}

來，調(diào)用一下試一下子

    arr.newMap((currentValue,index,arr)=>{
      console.log("newMap當前元素"+currentValue)
　　　　　　 console.log("newMap當前索引"+index)
      console.log("newMap數(shù)組對象"+arr)
    })

運行結(jié)果：

可以看到我們的運行結(jié)果是完全一樣的，到這里簡單的map方法就實現(xiàn)了，可能有一些細節(jié)沒注意到，沒關(guān)系，只是給大家一個思路而已

以上就是如何用JS模擬實現(xiàn)數(shù)組的map方法的詳細內(nèi)容，更多關(guān)于JS模擬實現(xiàn)數(shù)組的map方法的資料請關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評論