快捷導(dǎo)航

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

更新時間：2020年07月30日 10:14:09 作者：一只

這篇文章主要介紹了如何用JS模擬實(shí)現(xiàn)數(shù)組的map方法，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下

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

今天就來實(shí)現(xiàn)一個簡單的map方法

首先我們來看一下map方法的使用以及具體的參數(shù)

var arr = ["a","b","c","d","e"];
    arr.map(function(currentValue,index,arr){
      console.log("當(dāng)前元素"+currentValue)　　　　　　　console.log("當(dāng)前索引"+index)
      console.log("數(shù)組對象"+arr)
    })

map的參數(shù):

currentValue 必須。當(dāng)前元素的值

index 可選。當(dāng)期元素的索引值

arr 可選。當(dāng)期元素屬于的數(shù)組對象

運(yùn)行結(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當(dāng)前元素"+currentValue)
　　　　　　 console.log("newMap當(dāng)前索引"+index)
      console.log("newMap數(shù)組對象"+arr)
    })

運(yùn)行結(jié)果：

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

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

您可能感興趣的文章:

相關(guān)文章

生產(chǎn)制造追溯系統(tǒng)之在線打印功能
這篇文章主要介紹了生產(chǎn)制造追溯系統(tǒng)之在線打印功能，本文圖文并茂給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值 ,需要的朋友可以參考下
2019-06-06
javascript import css實(shí)例代碼
差點(diǎn)被FF下的insertRule給帶暈了. sheet.insertRule("@import url('aa.css');",sheet.cssRules.length);
2008-07-07
js date 格式化
本文將以yyyy-MM-dd HH:mm:ss為例介紹js date 格式化的相關(guān)知識。具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
JS中向?qū)ο笾刑砑訉ο蟮?種方法
這篇文章主要給大家介紹了關(guān)于JS中向?qū)ο笾刑砑訉ο蟮?種方法,在JavaScript中對象可以通過兩種方法添加對象,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-07-07
javascript實(shí)現(xiàn)抽獎程序的簡單實(shí)例
下面小編就為大家?guī)硪黄猨avascript實(shí)現(xiàn)抽獎程序的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
JavaScript 格式字符串的應(yīng)用
在使用JavaScript中的Date對象時，有一個常用的操作就是輸出。但Date對象自帶的toString()方法輸出的格式并不能滿足用戶多樣化的需求。我在想，是不是可以將C#中DateTime.ToString(string format)方法的形式引入到JavaScript中呢？
2010-03-03
javascript鍵盤上下鍵的操作(選擇)
不錯的使用鍵盤上下鍵實(shí)現(xiàn)選擇的代碼，方便用戶操作
2008-06-06
JavaScript數(shù)組函數(shù)unshift、shift、pop、push使用實(shí)例
這篇文章主要介紹了JavaScript數(shù)組函數(shù)unshift、shift、pop、push使用實(shí)例,本文先是講解了聲明數(shù)組的方法,然后對4個函數(shù)使用給出了一些例子,需要的朋友可以參考下
2014-08-08
javascript事件冒泡詳解和捕獲、阻止方法
雖然精通jquery，但對它的原型javascript卻不是很了解，最近在學(xué)習(xí)javascript中遇到了一些困難，比如冒泡和捕獲，很多次被提到，但又不知究竟應(yīng)用在何處。找到了一些好文章解惑，在這里分享給大家
2014-04-04
小程序Request的另類用法詳解
這篇文章主要介紹了小程序Request的另類用法詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-08-08