js 简单修改数组的push forEach方法

其实很多IT前端好友们都只会用一些js给提供的API 数组啊对象啊，会用归会用，想要自己成长的话一定要知道里面的原理，以及使用方法，这样才会提高自己，下面就是我简单的实现了数组的push方法 和 forEach方法 你们可以借鉴一下然后 打开你们的思路，代码如下：

数组push的Api：

 let arr = [1, 2, 3, 4]
 arr.push(10, 11, 12)  //这是正常的push方法

// [1, 2, 3, 4, 10, 11, 12] 打印结果

自己写的:

 let arr = [1, 2, 3, 4]
  
 Array.prototype.mypush = function (...arr) {       
      let arr1 = this.length
         for (let i = 0; i < arr.length; i++) {
              this[arr1 + i] = arr[i]
          }
   }

  arr.mypush(10, 11, 12)  

//(7) [1, 2, 3, 4, 10, 11, 12] 打印结果是一样的

其实发现打印结果是一样的，当然还有很多的方法，我这个只是实现了一个比较简单的方法，其实发现，这样的你可以对这个方法进行改造啊或者进行你的逻辑等等 都是可以的 或者向vue2中由于它本质双向数据绑定会监听不到数组的变化等等场景下，你就可以自己实现重写push的方法，就可以监听到，这就是好处

forEach方法：

let arr = [{ title: 1, num: 1 }, { title: 2, num: 1 }, { title: 3, num: 1 }]
   arr.forEach((item, index, arr) => {
          item.num = true
     })

 

自己实现的foeEach方法后：

  let arr = [{ title: 1, num: 1 }, { title: 2, num: 1 }, { title: 3, num: 1 }]
 
    Array.prototype.myForeach = function (callBack) {
            for (let i = 0; i < this.length; i++) {
                callBack(arr[i], i, this)
            }
        }

    arr.myForeach((item, index, arr) => {
            item.num = true
        })

输出结果都是一样的，每一个Api，他始终是离不开js原生的，所以只要你爱钻研，有那股钻研的劲头，其实没有什么可以难倒你的 一起加油吧