数组链式操作提升简洁性与可读性，关键在于选对方法、注意返回值类型、避免修改原数组；常用filter+map+reduce替代多层循环，flatMap替代map+flat，find配合?.安全取属性，还可通过pipe组合自定义函数实现语义化链式。
数组方法链式操作能让代码更简洁、可读性更高，关键是选对方法、注意返回值类型，并避免中途修改原数组。
用 filter + map + reduce 代替多层循环
传统写法常嵌套 for 循环或多次遍历数组，而链式调用可一次流式处理。filter 筛选，map 转换，reduce 汇总，三者天然适配——因为它们都返回新数组（reduce 返回累加值，但仍是纯函数行为）。
- 确保每步返回值能被下一步接收：filter 和 map 返回数组，可继续链式；reduce 后一般终止链式，除非你把它包装成返回数组的函数
- 避免在链中调用 push、splice 等会改变原数组的方法，否则破坏不可变性，导致结果不可预测
- 示例：从用户列表中找出活跃男用户，提取姓名并转大写，最后拼成字符串
.map(u => u.name.toUpperCase())
.join(' | ');
善用 flatMap 替代 map + flat
当 map 的回调返回数组，又紧接着要扁平化时，flatMap 是更直接的选择。它先映射再自动展开一层，减少中间数组创建，语义也更清晰。
- flatMap 相当于 map 后接 flat(1)，不支持深层扁平，如需 flat(2) 还得手动 flat
- 若 map 回调返回非数组（如 null、undefined、字符串），flatMap 会原样保留，不会报错
- 常见场景：展开评论列表中的标签、解析嵌套的权限字段、处理树形结构的子节点
用 find + optional chaining 处理查找后取属性
查找单个元素后常要访问其属性，过去容易出现 “Cannot read property of undefined” 错误。结合可选链（?.）可安全链式访问，无需提前判断存在性。
- find 返回 undefined 或匹配项，?. 能自然中断后续访问，避免报错
- 与 && 链相比，?. 更简洁且语义明确，尤其适合深层属性访问
- 示例：找 ID 为 1024 的订单，取其收货地址的城市名
组合自定义函数实现语义化链式
原生方法有限，可通过封装纯函数并返回 this 或新数组，扩展链式能力。推荐用工具函数工厂模式，保持无副作用。
- 例如：写一个 onlyNumbers() 方法，内部调用 filter(x => typeof x === 'number')
- 为数组原型添加方法风险高，更稳妥的是用函数式工具包（如lodash/fp）或自建 pipe 函数
- 简单 pipe 示例：pipe(filterEven, mapDouble, sum)，把多个单参数函数串起来
