06 # 手写 map 方法

简介: 06 # 手写 map 方法

1ba4ea4abde64125ab681b1f68204a97.pngmap 的使用

map 自带循环功能,对数据中的元素进行加工,得到一个加工后的新数据

  • ele:表示数组中的每一个元素
  • index:表示数据中元素的索引
  • array:表示数组
<script>
    var arr = [1, 3, 5, 7, 9];
    var result = arr.map(function (ele, index, array) {
        console.log("ele----->", ele);
        console.log("index----->", index);
        console.log("array----->", array);
        return ele * ele;
    });
    console.warn("result----->", result);
</script>

手写实现 map 方法

<script>
    Array.prototype.kaimoMap = function (fn) {
        let newArr = [];
        for (let i = 0; i < this.length; i++) {
            // fn 是 kaimoMap 中传递的参数,是一个函数,this 是 arr
            let res = fn(this[i], i, this);
            newArr.push(res);
        }
        return newArr;
    };
    var result2 = arr.kaimoMap(function (ele, index, array) {
        console.log("ele---kaimoMap-->", ele);
        console.log("index---kaimoMap-->", index);
        console.log("array---kaimoMap-->", array);
        return ele * ele;
    });
    console.warn("result2---kaimoMap-->", result2);
</script>




1ba4ea4abde64125ab681b1f68204a97.png


目录
相关文章
|
4月前
|
Serverless
手写一个简单的HashMap
手写一个简单的HashMap
26 0
|
5月前
|
索引
11 # 手写 reduce 方法
11 # 手写 reduce 方法
31 0
|
6月前
|
索引
源码分析系列教程(11) - 手写Map框架(基于LinkedList)
源码分析系列教程(11) - 手写Map框架(基于LinkedList)
18 0
|
存储 前端开发 对象存储
一文搞懂Map与Set的用法和区别!
前言 作为前端开发人员,我们最常用的一些数据结构就是 Object、Array 之类的,毕竟它们使用起来非常的方便。往往有些刚入门的同学都会忽视 Set 和 Map 这两种数据结构的存在,因为能用 set 和 map 实现的,基本上也可以使用对象或数组实现,而且还更简单。 但是,存在必然合理,当你真正了解 Map 和 Set 之后,你就会发现它们原来时如此美好!
1583 0
一文搞懂Map与Set的用法和区别!
|
4月前
|
存储 编译器 C++
『 C++ - STL』map与set的封装 ( 万字 )
『 C++ - STL』map与set的封装 ( 万字 )
|
5月前
|
索引
08 # 手写 filter 方法
08 # 手写 filter 方法
23 0
|
10月前
|
存储 Java 开发者
|
存储 C++ 容器
C++ 第九节——map/set(用法+底层原理+模拟实现)
们需要知道的是,Map和Set的底层都是红黑树。
587 1
C++ 第九节——map/set(用法+底层原理+模拟实现)
|
前端开发
前端学习案例14-数组方法map
前端学习案例14-数组方法map
60 0
前端学习案例14-数组方法map
|
前端开发
前端学习案例13-数组遍历方法4-map使用
前端学习案例13-数组遍历方法4-map使用
51 0
前端学习案例13-数组遍历方法4-map使用