本文介绍如何在不修改原数据的前提下，精准筛选对象数组中特定元素的嵌套子数组（如按事件名称过滤 events 数组），并返回结构完整的新数组。核心方法是结合 map 与 filter，对目标对象进行浅拷贝+条件过滤。
本文介绍如何在不修改原数据的前提下，精准筛选对象数组中特定元素的嵌套子数组（如按事件名称过滤 events 数组），并返回结构完整的新数组。核心方法是结合 map 与 filter，对目标对象进行浅拷贝+条件过滤。
在实际开发中，我们常遇到层级嵌套的数据结构——例如一个日程数据数组，每个日程对象包含 id、date 和一个 events 子数组。当需要仅对某一个特定日程（如 id === 1）的 events 进行过滤（如只保留 name === 'event 1' 的事件），而其余日程保持原样时，直接使用 filter() 会误删整个对象，而错误地链式调用 filter().filter() 则无法维持原始数组结构。
正确解法是：用 map() 遍历主数组，对匹配目标 ID 的对象执行“展开 + 子数组过滤”，其余对象直接透传。这种方式既保证了不可变性（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' }],
},
];
// ✅ 正确：仅过滤 id === 1 对象的 events，保留其他所有项
const result = data.map(obj =>
obj.id !== 1
? obj // 非目标对象，原样返回
: { // 目标对象：展开原对象，并重写 events 为过滤后的新数组
...obj,
events: obj.events.filter(event => event.name === 'event 1')
}
);
console.log(result);
// 输出：id: 1 的 events 只剩 [{ id: '1a', name: 'event 1' }]，其余不变
⚠️ 注意事项：
-
避免副作用：切勿使用
forEach+ 直接修改obj.events，这会污染原始数据； -
严格相等判断：示例中
obj.id !== 1使用数值比较（因原始数据中id是数字），若后端返回字符串 ID（如'1'），请统一转换类型或改用obj.id.toString() !== '1'； -
扩展性建议：可将逻辑封装为可复用函数，支持动态传入
targetId和filterCondition：
const filterNestedArray = (arr, targetId, nestedKey, conditionFn) =>
arr.map(item =>
item.id !== targetId
? item
: { ...item, [nestedKey]: item[nestedKey].filter(conditionFn) }
);
// 调用示例
const filtered = filterNestedArray(data, 1, 'events', e => e.name === 'event 1');
总结：处理嵌套数组的条件过滤，关键在于分清「数组层级」与「对象属性层级」——主数组用 map 维持结构，目标子数组用 filter 精准裁剪，并始终通过对象展开语法（...obj）确保不可变更新。
