遍历含嵌套数组的对象数组并按条件修改weeklyFlag属性的实现方案

完全可以使用map、filter方法实现该功能，代码可读性比嵌套for循环更高，以下是两种常用实现方案：

方案1：不可变更新（不修改原数组，返回新数组） #

该方案通过两层map遍历，直接生成更新后的新数组，不会污染原始数据，符合函数式编程规范：

const updatedWeeklyTimes = weeklyTimes.map(dayItem => {
  // 处理当前日期下的所有时间段条目
  const updatedStartEnd = dayItem.startEnd.map(timeItem => {
    // 同时满足三个条件则将weeklyFlag重置为false
    if (timeItem.weeklyFlag && timeItem.weeklyStartTime === null && timeItem.weeklyEndTime === null) {
      return { ...timeItem, weeklyFlag: false };
    }
    // 不满足条件则直接返回原条目
    return timeItem;
  });
  // 返回更新后的日期对象
  return { ...dayItem, startEnd: updatedStartEnd };
});

方案2：直接修改原数组 #

如果允许修改原始数组，可以用filter先筛选出所有符合修改条件的条目，再批量修改属性，逻辑更直观：

weeklyTimes.forEach(dayItem => {
  // 先用filter筛选出符合条件的时间段条目
  dayItem.startEnd
    .filter(timeItem => timeItem.weeklyFlag && timeItem.weeklyStartTime === null && timeItem.weeklyEndTime === null)
    // 遍历筛选结果修改属性
    .forEach(target => target.weeklyFlag = false);
});

补充说明 #

filter本身的作用是返回符合条件的元素集合，无法单独完成修改操作，但可以作为前置筛选步骤配合遍历方法使用；map则既可以实现不可变的数组更新，也可以在回调中直接修改原对象（不推荐该用法，不符合map的设计初衷）。

内容的提问来源于stack exchange，提问作者ArthurJ