美文网首页
手动封装数组方法forEach()并调用

手动封装数组方法forEach()并调用

作者: 楠楠_c811 | 来源:发表于2019-01-01 17:47 被阅读24次
forEach()

对数组的每个元素执行一次提供的函数。
遍历数组的每一项,特点是如果数组中途被修改,依然按照初始值进行不会随之改变。
原理是封装一个函数,接收函数作为参数,函数里面设置循环,遍历传进来的每个参数和对应的下标。

   // 封装一个数组的 myForEach 方法 传参为一个函数
        function myForEach(fn){
            // 循环数组的每一项   谁调用的this就指向谁
            for(let i = 0; i < this.length; i++){
                // 循环传进来的函数的三个参数
                fn(this[i],i,this)
            }
        }
        
        // 定义一个数组
        let arr = ['4','5','6']
        // 将定义的这个数组方法放到Array的prototype下面
        Array.prototype.myForEach = myForEach;
        console.log(Array.prototype)
        // 数组arr调用myForEach方法并传参
        arr.myForEach(function(item,index,arr){
            // 打印传进来的参数
            console.log(item,index,arr)
        })

相关文章

  • 手动封装数组方法forEach()并调用

    forEach() 对数组的每个元素执行一次提供的函数。遍历数组的每一项,特点是如果数组中途被修改,依然按照初始值...

  • 数组常用遍历的方法 forEach()、$.each()、ma

    传统方法: for 循环 其他方法: 1. forEach() forEach() 方法用于调用数组的每个元素,并...

  • 手动封装数组方法findIndex()并调用

    findIndex() 符合条件时候返回符合数的下标,没有符合条件时,返回-1

  • forEach、filter、find、some、map、red

    forEach方法 迭代(遍历) 数组forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。 注...

  • ES5新增方法

    ES5新增的数组方法forEach(function()) forEach() 用于调用数组的每个元素,并将元素传...

  • javascript之forEach循环遍历

    forEach 定义: forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。其实forEach...

  • 2018-12-11

    forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。 map()方法将调用的数组的每个元素传递...

  • ES5-Array-foreach

    参考文章:ES5中新增的Array方法详细说明 forEach方法与map方法很相似,也就是调用数组的每个元素,并...

  • forEach() 方法

    定义和用法 forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。 注意: forEach() ...

  • 11.28学习内容

    1. forEach()方法用于调用数组的每个元素,并将元素传递给回调函数。 forEach(function(当...

网友评论

      本文标题:手动封装数组方法forEach()并调用

      本文链接:https://www.haomeiwen.com/subject/tuailqtx.html