Array.filter() 过滤数组

最后更新：2026-09-09

filter 对每个元素执行一次回调，返回所有让回调返回真值的元素组成的新数组；原数组不变，长度可以变短。是数据筛选最常用的方法。

分类	数组
ES 版本	ES5（2009）

📝 语法

const 新数组 = 数组.filter((元素, 下标, 原数组) => 条件);

callback	测试函数：返回真值保留该元素，返回假值丢弃。
thisArg	可选。执行 callback 时使用的 this 值。

返回值：通过筛选的新数组；没有元素通过时返回空数组。

是否修改原值：否（返回新值）

编辑下方代码，点击运行，在输出面板查看结果：

运行结果：

[ 82, 91, 77 ]
[ 45, 91, 77 ]

💡 提示 filter 返回的数组可以继续链式调用 map/reduce，是数据处理管道的基础。

⚠️ 警告 回调里忘记 return 时所有元素都会被丢弃（返回 undefined 视为假值）——箭头函数单表达式写法可以避免这个坑。

浏览器	Chrome	Edge	Firefox	Safari	Opera
Array.filter()	✓ v1	✓ v12	✓ v1.5	✓ v3	✓ v10.5
所有现代浏览器均支持

更多实战案例即将上线，敬请期待。

Qfilter 和 find 有什么区别？

Afilter 返回所有匹配元素组成的新数组；find 只返回第一个匹配的元素本身。需要全量筛选用 filter，找单个用 find。

Qfilter 会修改原数组吗？

A不会。filter 始终返回新数组，元素是浅拷贝引用——对象元素仍指向原对象。

Q如何按对象属性筛选对象数组？

Ausers.filter(user => user.age >= 18)——回调里直接访问对象属性做条件判断即可。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。