Array.prototype.filter()的实现

azureternite

于 2016-09-22 19:32:07 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JavaScript filter

本文链接：https://blog.youkuaiyun.com/azureternite/article/details/52626247

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一道前端笔试题的解答过程，该题目要求手动实现Array.prototype.filter()方法，并支持自定义上下文。通过具体代码示例展示了如何利用call方法来改变回调函数中的this指向。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

来源

今年某前端笔试的一道题，大概就是实现一遍filter，包括一个可以改变上下文的要求，其实就是改变this啦，跟原生的filter一样的功能跟参数。

解析

filter的功能就是过滤，传入一个函数作为条件，返回true则将元素加入最终返回的数组中。

实现

Array.prototype.filter = function(cb, context){
  context = context || this;  //确定上下文，默认为this
  var len = this.length;  //数组的长度
  var r = [];  //最终将返回的结果数组
  for(var i = 0; i < len; i++){
    if(cb.call(context, this[i], i, this)){  //filter回调函数的三个参数：元素值，元素索引，原数组
      r.push(this[i]);
    }
  }
  return r;
};