Question

filter() 方法创建一个新数组，其包含通过所提供函数实现的测试的所有元素。

语法

var newArray = arr.filter(callback(element[, index[, array]])[, thisArg])

参数

callback

用来测试数组的每个元素的函数。返回 true 表示该元素通过测试，保留该元素， false 则不保留。它接受以下三个参数：

• element

  数组中当前正在处理的元素。

• index 可选

  正在处理的元素在数组中的索引。

• array 可选

  调用了 filter 的数组本身。

thisArg 可选

执行 callback 时，用于 this 的值。

代码实现

/**
 * `filter()` 方法创建一个新数组，其包含通过所提供函数实现的测试的所有元素。 
 */

Array.prototype.myFilter = function(callback, context) {
  const arr = this,res = []
  const len = arr.length
  let index = 0
  while(index < len) {
    if(callback.call(context,arr[index],index)) {
      res.push(arr[index])
    }
    index ++   
  }
  return res
}

const arr = [1,2,3]
let res1 = arr.filter((item,index) => {
  return item<3
})
let res2 = arr.myFilter((item,index) => {
  return item<3
})

console.log(res1) // [ 1, 2 ]
console.log(res2) // [ 1, 2 ]