JS模拟实现数组的map方法

昨天使用map方法的时候，突然感觉一直在直接用，也没有试试是怎么实现的，本来想直接搜一篇文章盘一下子，结果没搜到合适的，好吧，那就自己来写一下子吧

今天就来实现一个简单的map方法

首先我们来看一下map方法的使用以及具体的参数

        var arr = ["a","b","c","d","e"];arr.map(function(currentValue,index,arr){console.log("当前元素"+currentValue)　　　　　　　console.log("当前索引"+index)console.log("数组对象"+arr)})

map的参数:

currentValue 必须。当前元素的值

index 可选。当期元素的索引值

arr 可选。当期元素属于的数组对象

运行结果：

我们先来屡屡思路，直接Array.map()就可以调用到map方法，那他应该是在原型链上的，然后接收一个匿名函数做参数，通过循环调用传入的匿名函数

下面我们来写一下试试

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数组对象"+arr)})

运行结果：

可以看到我们的运行结果是完全一样的，到这里简单的map方法就实现了，可能有一些细节没注意到，没关系，只是给大家一个思路而已

转载于:https://www.cnblogs.com/suihang/p/10535002.html

JS模拟实现数组的map方法相关推荐

数组的Map方法详解
作用 map():创建一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成. 语法 arr.map(callback(currentValue [, index [, arra ...
js中给数组添加元素的方法有哪些
js中给数组添加元素的方法有哪些 unshift:将参数添加到原数组开头,并返回数组的长度 pop:删除原数组最后一项,并返回删除元素的值:如果数组为空则返回undefined push:将参数添加到 ...
数组的map方法返回值
先说一下数组map方法的使用: map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值. map() 方法按照原始数组元素顺序依次处理元素. 注意: map() 不会对空数组进行 ...
php array_push 二维数组,arraypush js二维数组push的方法
用array_push给数组添加一个属性值用array_push给数组添加一个属性值,如果是直接添加$a可以,但是如果要(1)如果你的数组是一维数组: 如: $arr = array('id'=&g ...
js数组的map方法以及parseInt方法
无意看到一个方法: ["1", "2", "3"].map(parseInt); 返回值为:[1, NaN, NaN]. 好奇查了下map方 ...
js数组的map方法
map():返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值,map()方法按照原始数组元素顺序依次处理元素 map方法会给原数组中的每个元素都按顺序调用一次callback函数,call ...
js中的数组对象排序(方法sort()详细介绍)
定义和用法 sort() 方法用于对数组的元素进行排序. 语法 arrayObject.sort(sortby) 参数sortby:可选.规定排序顺序.必须是函数. 返回值对数组的引用.请注意 ...
JS 常用字符串数组遍历函数方法整理
目录一.concat() 二.join() 三.push() 四.pop() 五.shift() 六.unshift() 七.slice() 九.substring() 和 substr() 十.s ...
js es6使用数组的every方法遇到的问题
最近在看js数据结构和算法的书,并且把书里面的案例敲了一遍,在集合这一章里面,在封装集合子集的时候是这样封装的, isSubsetOf(otherSet) { if (this.size() > ...

JS模拟实现数组的map方法

JS模拟实现数组的map方法相关推荐

最新文章

热门文章