filter()方法创建新数组包含满足条件的元素，体现不可变性；语法为arr.filter(callback, thisArg)，callback接收element、index、array参数；常用于筛选数字、对象属性或去重；可与map、sort等链式调用处理数据，如先过滤|成人|用户再提取姓名；原数组不变，无匹配则返回空数组。

J*aScript 中的 filter() 方法用于创建一个新数组，这个新数组包含通过指定条件的所有元素。原数组不会被修改，这是函数式编程中常见的“不可变性”原则体现。

基本语法

arr.filter(callback(element, index, array), thisArg)

• callback：用来测试每个元素的函数，返回 true 则保留该元素，false 则过滤掉
• element：当前遍历的元素
• index（可选）：当前元素的索引
• array（可选）：调用 filter 的原数组
• thisArg（可选）：执行 callback 时的 this 值

常见使用场景

filter 非常适合从数组中筛选出符合条件的数据。

• 筛选数字：比如找出所有大于 10 的数
• 处理对象数组：比如找出年龄大于 18 的用户
• 去重或排除特定值：比如去掉 null、undefined 或空字符串

例如：

const numbers = [5, 10, 15, 20];
const bigNumbers = numbers.filter(n => n > 10);
// 结果：[15, 20]

再比如处理对象：

php商城系统

PHP商城系统是国内功能优秀的网上商城系统，同时也是一个商业的PHP开发框架，有多套免费模版，强大的后台管理功能，专业的网上商城系统解决方案，快速建设网上购物商城、数码商城、手机商城、办公用品商城等网站。 php商城系统v3.0 rc6升级 1、主要修复用户使用中出现的js未加载完报错问题，后台整改、以及后台栏目的全新部署、更利于用户体验。 2、扩展出，更多系统内部的功能，以便用户能够迅速找到需

0 查看详情 const users = [
{ name: 'Alice', age: 25 },
{ name: 'Bob', age: 17 },
{ name: 'Charlie', age: 30 }
];
const adults = users.filter(user => user.age >= 18);
// 结果：包含 Alice 和 Charlie 的新数组

结合其他方法使用

filter 经常和 map、sort 等方法链式调用，实现更复杂的数据处理。

例如先筛选再提取名字：

const names = users
.filter(u => u.age >= 18)
.map(u => u.name);
// 结果：['Alice', 'Charlie']

注意：filter 不会改变原数组，每次调用都返回一个新数组。如果没有任何元素满足条件，返回空数组 []。

基本上就这些。filter 简洁又强大，是日常开发中最常用的数组方法之一。

以上就是js数组中filter方法的使用的详细内容，更多请关注其它相关文章！

# javascript  # java  # js  # 可选  # 链式  # 有哪些  # 组中  # 数据结构  # 用它  # 多线程  # 如何用  # 再提  # 这是  # 胶州国际网站建设  # 盘锦网站搜索引擎优化  # 白城网站推广方案  # 金坛抖音seo优化  # 好的英语推广网站有哪些  # 四平谷歌seo  # 广西学校网站建设  # 市场营销鞋子推广主题  # 哈尔滨高端网站建设  # 天津建设网站建设