本文详解如何在 TypeScript 中利用 Array.prototype.reduce 将对象数组按布尔字段（如 isUrgent）高效分组为结构化对象，兼顾类型安全、可读性与函数式编程实践。
本文详解如何在 typescript 中利用 `array.prototype.reduce` 将对象数组按布尔字段（如 `isurgent`）高效分组为结构化对象，兼顾类型安全、可读性与函数式编程实践。
在实际开发中，常需将扁平的对象数组依据某个共同属性（尤其是布尔型字段）划分为逻辑明确的子集。虽然 filter + 解构可实现，但 reduce 提供了单次遍历、零冗余计算的高性能方案——尤其适合处理中大型数据集。下面以按 isUrgent 布尔值分组待办事项为例，给出类型完备、生产就绪的 TypeScript 实现。
✅ 类型安全的 reduce 分组实现
首先定义清晰的接口，确保编译期校验：
interface TodoItem {
id: string;
todo: string;
isUrgent: boolean;
}
interface GroupedTodos {
urgentTodo: TodoItem[];
notUrgentTodo: TodoItem[];
}
接着使用 reduce 进行分组，关键在于：初始累加器必须显式标注类型，并在回调中严格维护结构：
const todos: TodoItem[] = [
{ id: '1', todo: 'Shopping', isUrgent: false },
{ id: '2', todo: 'Dinner', isUrgent: true },
{ id: '3', todo: 'Doctor appointment', isUrgent: true },
{ id: '4', todo: 'Yard sale', isUrgent: false },
];
const grouped: GroupedTodos = todos.reduce<groupedtodos>(
(acc, curr) => {
if (curr.isUrgent) {
acc.urgentTodo.push(curr);
} else {
acc.notUrgentTodo.push(curr);
}
return acc;
},
{ urgentTodo: [], notUrgentTodo: [] }
);
console.log(grouped);
// 输出符合预期的分组结构</groupedtodos>
? 类型提示说明：
reduce<groupedtodos></groupedtodos>显式指定了累加器类型，避免类型推断不准确；TS 会严格检查acc.urgentTodo.push(curr)中curr是否兼容TodoItem，并防止对不存在的属性赋值。
⚠️ 注意事项与最佳实践
-
不可变性考量：上述示例直接修改累加器对象（
push），虽简洁，但若需纯函数式风格，可改用展开运算符创建新数组（性能略低，适用于小数据量）：
Galileo TypeScript sdk下载完整的Galileo AI平台 TypeScript/JS SDK 参考，用于评估、观察和保护 GenAI 应用。适用于构建 Node.js 或 TypeScript 项目。
(acc, curr) => ({ urgentTodo: curr.isUrgent ? [...acc.urgentTodo, curr] : acc.urgentTodo, notUrgentTodo: !curr.isUrgent ? [...acc.notUrgentTodo, curr] : acc.notUrgentTodo, }) -
扩展性增强：若需支持任意键名（如动态传入
key: 'isUrgent'），可封装为泛型工具函数：function groupByBoolean<t k extends keyof t>( arr: T[], key: K ): { true: T[]; false: T[] } { return arr.reduce( (acc, item) => { const value = item[key] as unknown as boolean; acc[value ? 'true' : 'false'].push(item); return acc; }, { true: [], false: [] } as { true: T[]; false: T[] } ); } // 使用：groupByBoolean(todos, 'isUrgent')</t> 空数组边界处理：
reduce在空数组时会跳过回调，但初始值仍生效，因此{ urgentTodo: [], notUrgentTodo: [] }天然兼容空输入，无需额外判断。
✅ 总结
reduce 是实现条件分组的理想选择：一次遍历、语义清晰、易于类型约束。相比多次 filter，它显著减少数组迭代次数，提升性能；配合 TypeScript 的接口与泛型，还能保障强类型安全与代码可维护性。掌握此模式，可轻松迁移到其他分组场景（如按字符串枚举、数字区间等），是前端工程师进阶函数式思维的重要实践。
