本文介绍如何在不修改原数组的前提下，精准筛选对象数组中特定元素的嵌套子数组（如按事件名称保留指定 event），通过 map + filter 组合实现目标数据结构的重构。
本文介绍如何在不修改原数组的前提下，精准筛选对象数组中特定元素的嵌套子数组（如按事件名称保留指定 event），通过 map + filter 组合实现目标数据结构的重构。
在实际开发中，我们常遇到多层嵌套数据结构的精细化处理需求：例如一个日程数据数组 data，每个对象代表一天，其 events 字段又是一个事件对象数组。此时若需「仅对某一天（如 id === 1）的 events 进行筛选，保留 name === 'event 1' 的事件，其余天保持原样」，就不能简单使用 filter() 全局过滤——那会删减整个对象；而应采用 映射 + 条件性更新 的策略。
核心思路是：用 map() 遍历主数组，对每个对象判断是否为目标项（如 obj.id === 1）；若是，则用扩展运算符 {...obj} 浅拷贝原对象，并重写 events 属性为筛选后的新数组；否则直接返回原对象。这样既保证了不可变性（immutable），又实现了局部精准更新。
以下是完整可运行示例：
const data = [
{
id: 1,
date: '2023-10-01',
events: [{ id: '1a', name: 'event 1' }, { id: '1b', name: 'event 2' }],
},
{
id: 2,
date: '2023-10-02',
events: [{ id: '2a', name: 'event 1' }, { id: '2b', name: 'event 2' }],
},
{
id: 3,
date: '2023-10-03',
events: [{ id: '3a', name: 'event 1' }, { id: '3b', name: 'event 2' }],
},
];
const result = data.map(obj =>
obj.id !== 1
? obj
: {
...obj,
events: obj.events.filter(event => event.name === 'event 1')
}
);
console.log(result);
// 输出中第 1 项的 events 只剩 [{ id: '1a', name: 'event 1' }]⚠️ 注意事项：
- 此方案默认使用浅拷贝，若
events内部对象还有深层嵌套且需深克隆，请结合structuredClone()（现代环境）或 Lodash 的cloneDeep()； -
filter()返回新数组，原events不会被修改，符合函数式编程原则； - 若需支持多个 ID 或动态条件，可将
id !== 1和event.name === 'event 1'抽取为参数化函数，提升复用性； - 切勿混用
filter()于主数组层级来“删除某天”——这与题意中“只过滤 events 子数组”相悖。
总结：面对嵌套结构的条件性更新，map() 是语义最清晰、副作用最小的选择；配合解构与箭头函数，代码简洁且易于维护。
