JavaScript 实现 filter() 方法函数

迈不过友情╰ 2022-05-26 13:39 502阅读 0赞

# 思路 #

filter 方法接收两个参数：

*  **对每一项执行的函数**
    
     *  该函数接收三个参数：
        
         *  数组项的值  
            数组项的下标  
            数组对象本身
 *  **指定 this 的作用域对象**

filter 方法返回 **执行结果为true的项组成的数组。**

代码表示：

arr.filter(function(item, index, arr){}, context)

# 实现 #

由此，实现 fakeFilter 方法如下

Array.prototype.fakeFilter = function fakeFilter(fn, context) {
      if (typeof fn !== "function") {
        throw new TypeError(`${fn} is not a function`);
      }
      
      let arr = this;
      let temp = [];
    
      for (let i = 0; i < arr.length; i++) {
        let result = fn.call(context, arr[i], i, arr);
        if (result) temp.push(arr[i]);
      }
      return temp;
    };

检测

let arr = ["x", "y", "z", 1, 2, 3];
    
    console.log(arr.fakeFilter(item => typeof item === "string"));

输出

> \[ ‘x’, ‘y’, ‘z’ \]

let arr = ["x", "y", "z", 1, 2, 3];
    
    console.log(arr.filter((item, index, arr) => console.log(item, index, arr)));

输出

> x 0 \[ ‘x’, ‘y’, ‘z’, 1, 2, 3 \]  
> y 1 \[ ‘x’, ‘y’, ‘z’, 1, 2, 3 \]  
> z 2 \[ ‘x’, ‘y’, ‘z’, 1, 2, 3 \]  
> 1 3 \[ ‘x’, ‘y’, ‘z’, 1, 2, 3 \]  
> 2 4 \[ ‘x’, ‘y’, ‘z’, 1, 2, 3 \]  
> 3 5 \[ ‘x’, ‘y’, ‘z’, 1, 2, 3 \]  
> \[\]

# 相关 #

迭代： [JavaScript 实现 map() 方法函数][JavaScript _ map_]

归并： [JavaScript 实现 reduce() 方法函数][JavaScript _ reduce_]

[JavaScript _ map_]: https://blog.csdn.net/beijiyang999/article/details/80179097
[JavaScript _ reduce_]: https://blog.csdn.net/beijiyang999/article/details/80186242

发表评论取消回复

表情：

评论列表（有 0 条评论，502人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript .filter() 方法

所以今天，我们将讨论 JavaScript 中的 .filter() 方法。过滤法 JavaScript 中的 filter() 方法获取数组中的每个元素，并对其应用条

绝地灬酷狼/ 2024年03月16日 16:12/ 0 赞/ 132 阅读

相关 JavaScript 中的 Filter() 方法？

Filter() 是 JavaScript 中的一种方法，可以通过处理数组轻松提供过滤后的输出数据（以数组的形式）该方法的语法如下filter()： array.

╰半夏微凉°/ 2023年10月14日 11:18/ 0 赞/ 24 阅读

相关 JavaScript 数组filter方法完整介绍

数组过滤器方法是 JavaScript 中使用最广泛的方法之一。它允许我们快速过滤出具有特定条件的数组中的元素。因此，在本文中，您将了解有关过滤器方法及其各种用例的所有

我会带着你远行/ 2023年09月29日 15:57/ 0 赞/ 41 阅读

相关 javascriptES5 中 filter()选择方法

filter() `array.filter(function(currentValue, index, arr))` > filter() 方法创建一个新的数组，新数

短命女/ 2022年12月11日 03:28/ 0 赞/ 185 阅读

相关 JavaScript ES6 Array.filter()方法总结

一、定义 filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 filter 的中文意思是“筛选”，顾名思义，会对数组中的元素

傷城~/ 2022年10月06日 05:54/ 0 赞/ 295 阅读

相关 PHP filter_var() 函数 Filter 函数

定义和用法 filter\_var() 函数通过指定的过滤器过滤变量。如果成功，则返回已过滤的数据，如果失败，则返回 false。语法 filter

╰半橙微兮°/ 2022年08月19日 14:15/ 0 赞/ 255 阅读

相关 JavaScript 实现 filter() 方法函数

思路 filter 方法接收两个参数：对每一项执行的函数该函数接收三个参数：数组项的值

迈不过友情╰/ 2022年05月26日 13:39/ 0 赞/ 503 阅读

相关 JavaScript 实现 map() 方法函数

思路 map 迭代方法接收两个参数：对每一项执行的函数该函数接收三个参数：数组项的值

清疚/ 2022年05月26日 13:37/ 0 赞/ 337 阅读

相关 JavaScript 实现 reduce() 方法函数

更新：增加递归实现的方法更新：重构非递归实现的方法 -------------------- 思路与之前两篇文章( [map()的实现][map] ，[fil

「爱情、让人受尽委屈。」/ 2022年05月24日 22:12/ 0 赞/ 244 阅读

相关 JavaScript Array filter() 方法

定义和用法 filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。注意： filter() 不会对空数组进行检测。注意：

我会带着你远行/ 2021年09月19日 08:20/ 0 赞/ 454 阅读