Question

forEach() 方法对数组的每个元素执行一次给定的函数，无返回值。

语法

arr.forEach(callback(currentValue [, index [, array]])[, thisArg])

参数

• callback

  为数组中每个元素执行的函数，该函数接收一至三个参数： currentValue 数组中正在处理的当前元素。 index 可选数组中正在处理的当前元素的索引。 array 可选 forEach() 方法正在操作的数组。

• thisArg 可选

  可选参数。当执行回调函数 callback 时，用作 this 的值。

代码实现

Array.prototype.myForEach = function(callback, context) {
  const arr = this // 获取调用的数组
  const len = arr.length || 0

  let index = 0  // 数组下标
  while(index < len) {
    callback.call(context ,arr[index], index)
    index++
  }
}

let arr = [1,2,3]
arr.forEach((item,index) => {
  console.log(`key: ${index} - item: ${item}`)
})
console.log('----------')
arr.myForEach((item,index) => {
  console.log(`key: ${index} - item: ${item}`)
})
/**
 * key: 0 - item: 1
key: 1 - item: 2
key: 2 - item: 3
----------
key: 0 - item: 1
key: 1 - item: 2
key: 2 - item: 3
 */