手写filter

最新推荐文章于 2024-03-12 14:53:55 发布

Doe

最新推荐文章于 2024-03-12 14:53:55 发布

阅读量123

点赞数

分类专栏： # 手撕代码文章标签： es6

原文链接：https://segmentfault.com/a/1190000021858662

版权

手撕代码专栏收录该内容

18 篇文章 2 订阅

订阅专栏

本文深入探讨了JavaScript中Array.prototype.filter()方法的实现原理，包括检查参数类型、迭代数组及构建新数组的过程。该方法允许用户根据指定条件过滤数组元素，创建新的数组实例。在代码实现中，我们注意到了错误处理，如确保参数为函数，以及只能对数组使用此方法。同时，还介绍了如何使用call方法来改变函数调用时的上下文。

摘要由CSDN通过智能技术生成

Array.prototype.filter = function(fn, thisArg) {
  var _this;
  if (typeof fn !== "function") {
    throw "参数必须为函数";
  }

  //get array going to be iterated
  let arr = this;
  if (!Array.isArray(arr)) {
    throw "只能对数组使用forEach方法";
  }

  if (arguments.length > 1) {
    _this = thisArg;
  }
  let result = [];

  for (let index = 0; index < arr.length; index++) {
    let invokedReturn = fn.call(_this, arr[index], index, arr);
    if (invokedReturn) {
      result.push(arr[index]);
    }
  }
  return result;
};