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

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

 更新時間:2020年07月30日 10:14:09   作者:一只  
這篇文章主要介紹了如何用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方法的資料請關注腳本之家其它相關文章!

相關文章

最新評論