首页 > web前端 > js教程 > 正文

js中filter函数的用法

下次还敢
发布: 2024-05-01 08:57:18
原创
943 人浏览过

JavaScript filter 函数用于过滤数组中符合特定条件的元素,返回一个由满足条件的元素组成的新数组。用法包括:过滤满足简单或复杂条件的元素,以及创建过滤器链。filter 函数不会修改原始数组,回调函数必须返回布尔值,如果未返回布尔值,将会抛出错误。

js中filter函数的用法

JavaScript 中 filter 函数的用法

filter 函数是 JavaScript 数组内置方法,用于过滤数组中满足特定条件的元素,返回一个由符合条件的元素组成的新数组。

语法:

<code class="javascript">filter(callback(element, index, array))</code>
登录后复制

参数:

  • callback(element, index, array):一个必须返回布尔值的回调函数。

    • element:当前正在处理的数组元素。
    • index:当前元素在数组中的索引。
    • array:正在处理的数组本身。

返回值:

一个包含满足回调函数条件的所有元素的新数组。

用法:

1. 过滤满足简单条件的元素:

<code class="javascript">const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter((num) => num % 2 === 0);</code>
登录后复制

2. 过滤满足复杂条件的元素:

<code class="javascript">const users = [
  { name: 'John', age: 25 },
  { name: 'Mary', age: 30 },
  { name: 'Bob', age: 18 }
];
const adults = users.filter((user) => user.age >= 18);</code>
登录后复制

3. 过滤器链:

<code class="javascript">const evenAndGreaterThan3 = numbers.filter((num) => num % 2 === 0).filter((num) => num > 3);</code>
登录后复制

示例:

以下示例演示了如何使用 filter 函数过滤一个包含学生分数的数组,获取不及格的学生名单:

<code class="javascript">const scores = [90, 85, 77, 65, 52, 45];
const failingScores = scores.filter((score) => score < 60);</code>
登录后复制

failingScores 变量将包含以下元素:

  • 52
  • 45

注意:

  • filter 函数本身不会修改原始数组。
  • 回调函数必须返回布尔值。如果未返回布尔值,将抛出错误。

以上是js中filter函数的用法的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板