filter妙用:数组筛选技巧
巧用 filter 方法实现数组的精准筛选 说到处理数组,尤其是要对一堆键值对对象做筛选,不少开发者第一反应可能是拿起 forEach 就开干。这种思路很直接:遍历,然后根据条件手动提取。但问题也随之而来——forEach 本身不负责生成新数组,操作不当很容易拿到一个 undefined,或者被迫在
巧用 filter 方法实现数组的精准筛选
说到处理数组,尤其是要对一堆键值对对象做筛选,不少开发者第一反应可能是拿起 forEach 就开干。这种思路很直接:遍历,然后根据条件手动提取。但问题也随之而来——forEach 本身不负责生成新数组,操作不当很容易拿到一个 undefined,或者被迫在外部维护一个临时数组,不仅破坏了代码的优雅,也让后续的链式调用无从谈起。
其实,我们完全可以换个更称手的工具:filter。这个方法,天生就是为“筛选”而生的。给定一个条件,它便会自动返回一个由所有符合条件元素组成的新数组。整个过程既保证了原始数据纹丝不动,也确保了输出结果永远是个规整的数组格式。这在追求函数式、声明式编程的今天,无疑是一种更清爽、更现代的实践。

别让其他方法“越俎代庖”
数组的迭代方法不少,map、some、every 都各有神通,但用错地方可就要闹笑话了。这里必须厘清它们的核心职责:filter 专注于筛选,结果是一份新的“子集”数组;map 则专注于映射和转换,结果是等长的“新面貌”数组。some 和 every 更偏向侦探角色,一个关心“有没有”,一个检查“是不是”,最终只给你一个布尔值的结论,压根没有构造新数组的能力。所以,想干筛选的活,还得filter亲自出马。

掌握语法,其实很简单
filter 的语法很直观:const newArr = arr.filter((item, index, array) => { return 判定条件 })。理解这三个参数就行:item(当前元素)、index(当前索引)、array(原数组本身)。最关键的,是return后面的条件表达式,只要它的结果为真(truthy),当前这项就会被保留到新数组里。整个写法语义清晰,逻辑聚焦,省去了手动push或splice的麻烦,代码的可读性和可维护性自然就上去了。

Postman是一套面向API全生命周期的开发与测试平台,可在Mac上发送和调试多种协议请求,管理集合、环境及认证信息,并完成脚本测试、模拟服务、监控、文档发布和团队协作。它适合开发、测试及运维人员使用,提供个人免费方案。
Docker Desktop 是 Docker 官方为 Mac 提供的容器开发环境,集成 Docker Engine、命令行工具、Compose、Build、Kubernetes 与图形化管理界面。
Android Studio 是 Google 面向安卓应用开发提供的官方集成开发环境,基于 IntelliJ IDEA 构建。它整合智能代码编辑、Gradle 构建、界面预览、设备模拟、性能分析、调试测试及 APK 分析等工具。
PixPix 是面向品牌、卖家和内容团队的在线 AI 图片视频创作平台,提供图视频 Agent、无限画布、图片生成、视频生成、自然语言编辑及商品套图、产品精修和带货视频等电商工具。
Postman 是面向 API 全生命周期的开发与协作平台。Windows 桌面版可用于构建和发送 HTTP、GraphQL、gRPC、WebSocket、MQTT 等请求,并提供环境变量、集合、脚本测试、模拟服务、监控、文档及团队工作区等
Docker Desktop 为 Windows 开发者提供集成式容器环境,内置 Docker Engine、命令行工具、Compose、Build 与 Kubernetes 等组件,可在本机完成镜像构建、容器运行、日志查看和资源管理。













