filter 和 map 可链式调用：先 filter 筛选再 map 转换，确保返回数组；避免在 map 中做筛选；复杂场景可用 flatMap 或拆分逻辑提升可读性。
在 JavaScript 中，filter 和 map 本身不支持“链式遍历查询”这种说法（因为它们不是查询语言），但你可以通过函数式链式调用的方式，先用 filter 筛选数据，再用 map 提取或转换字段——这是最常见的组合用法，语义清晰、可读性强。
filter + map 的基本链式结构
两者都是数组方法，返回新数组，天然支持链式调用。注意：必须确保前一步返回的是数组，否则后续调用会报错（比如 filter 后是空数组没问题，但若中间用了非数组返回值如 find、some 就会断链）。
示例：从用户列表中筛选出活跃用户，并只提取他们的姓名和邮箱
const users = [
{ id: 1, name: '张三', email: 'z3@example.com', active: true },
{ id: 2, name: '李四', email: 'l4@example.com', active: false },
{ id: 3, name: '王五', email: 'w5@example.com', active: true }
];
const activeNamesAndEmails = users
.filter(user => user.active)
.map(user => ({ name: user.name, email: user.email }));
// 结果：[{ name: '张三', email: 'z3@example.com' }, { name: '王五', email: 'w5@example.com' }]
避免常见陷阱：别在 map 里做筛选逻辑
有人会误把条件判断塞进 map，比如：
// ❌ 错误：map 不该承担过滤职责，结果会出现 undefined
users.map(user => user.active ? { name: user.name } : undefined)
这会导致数组中混入 undefined，破坏数据一致性。正确做法始终是：先 filter，再 map。
- filter 负责「要不要」
- map 负责「变成什么」
配合其他方法增强表达力（如 flatMap）
如果筛选后需要展开嵌套结构（比如每个用户有多个订单，想查所有活跃用户的全部订单），可用 flatMap 替代 filter + map + flat：
const usersWithOrders = [
{ name: '张三', active: true, orders: ['A', 'B'] },
{ name: '李四', active: false, orders: ['C'] },
{ name: '王五', active: true, orders: ['D'] }
];
// ✅ 一行拿到所有活跃用户的订单列表
const allActiveOrders = usersWithOrders
.filter(u => u.active)
.flatMap(u => u.orders);
// 结果：['A', 'B', 'D']
性能与可读性提醒
链式调用简洁，但过度嵌套或复杂条件会降低可读性。遇到多层逻辑时，建议：
- 拆分成带语义的变量名（如
activeUsers、userProfiles） - 复杂条件提取为独立函数（如
isPremiumActive(user)） - 必要时用 for...of 或 reduce 代替（尤其需提前终止或累积状态时）
