函数式array逻辑判断的7个高阶函数

JavaScript是当今流行语言中对函数式编程支持最好的编程语言。我们继续构建函数式编程的基础，在前文中分解介绍了对array数组作变形transform四种方法，分别为：

• array.reduce 帮你精通JS：神奇的array.reduce方法的10个案例
• array.map 帮你精通JS：神奇的array.map的6个案例
• array.flat and array.flatMap 帮你精通JS: array.flat与flatMap用法指南

为什么一种编程语言要耗费如此巨大的精力在数组这种数据结构上呢?因为数组是我们日常思考的基石。比如你早起筹划的一天的任务是数组，你的购物清单是数组。

学习编程，绝不能将纸上的字符简简单单的只当作抽象的无意义的符号，我们要还原为，具象为具体的生活与应用之中。

接下来，我们继续构建我们的思维。介绍用于逻辑判断的array.filter, array

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

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

- index可选 正在处理的元素在数组中的索引。

- array可选 调用了 filter 的数组本身。

thisArg可选 执行 callback 时，用于 this 的值。

返回值

一个新的、由通过测试的元素组成的数组，如果没有任何数组元素通过测试，则返回空数组。

1.2 array.filter() 描述

filter 为数组中的每个元素调用一次 callback 函数，并利用所有使得 callback 返回 true 或等价于 true 的值的元素创建一个新数组。callback 只会在已经赋值的索引上被调用，对于那些已经被删除或者从未被赋值的索引不会被调用。那些没有通过 callback 测试的元素会被跳过，不会被包含在新数组中。

callback 被调用时传入三个参数：

1. 元素的值
2. 元素的索引
3. 被遍历的数组本身

如果为 filter 提供一个 thisArg 参数，则它会被作为 callback 被调用时的 this 值。否则，callback 的 this 值在非严格模式下将是全局对象，严格模式下为 undefined。callback 函数最终观察到的 this 值是根据通常函数所看到的 "this"的规则确定的。

filter 不会改变原数组，它返回过滤后的新数组。

filter 遍历的元素范围在第一次调用 callback 之前就已经确定了。在调用 filter 之后被添加到数组中的元素不会被 filter 遍历到。如果已经存在的元素被改变了，则他们传入 callback 的值是 filter 遍历到它们那一刻的值。被删除或从来未被赋值的元素不会被遍历到。

案例 01 筛选排除所有较小的值

下例使用 filter 创建了一个新数组，该数组的元素由原数组中值大于 10 的元素组成

（编辑：鹤壁站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!