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

JavaScript 中 filter 函数的用法
filter 函数是 JavaScript 数组内置方法,用于过滤数组中满足特定条件的元素,返回一个由符合条件的元素组成的新数组。
语法:
filter(callback(element, index, array))
参数:
callback(element, index, array):一个必须返回布尔值的回调函数。
element:当前正在处理的数组元素。index:当前元素在数组中的索引。array:正在处理的数组本身。
返回值:
一个包含满足回调函数条件的所有元素的新数组。
用法:
法语写作助手
法语助手旗下的AI智能写作平台,支持语法、拼写自动纠错,一键改写、润色你的法语作文。
31 查看详情
1. 过滤满足简单条件的元素:
const numbers = [1, 2, 3, 4, 5, 6];const evenNumbers = numbers.filter((num) => num % 2 === 0);
2. 过滤满足复杂条件的元素:
const users = [ { name: 'John', age: 25 }, { name: 'Mary', age: 30 }, { name: 'Bob', age: 18 }];const adults = users.filter((user) => user.age >= 18);
3. 过滤器链:
const evenAndGreaterThan3 = numbers.filter((num) => num % 2 === 0).filter((num) => num > 3);
示例:
以下示例演示了如何使用 filter 函数过滤一个包含学生分数的数组,获取不及格的学生名单:
const scores = [90, 85, 77, 65, 52, 45];const failingScores = scores.filter((score) => score < 60);
failingScores 变量将包含以下元素:
5245
注意:
filter 函数本身不会修改原始数组。回调函数必须返回布尔值。如果未返回布尔值,将抛出错误。
以上就是js中filter函数的用法的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/488922.html
微信扫一扫
支付宝扫一扫