递归功能以检查数组的长度，如果其长度少于10，则从另一个数组添加到第一个数组，直到我达到10的长度

Question

因此，我基本上要做的是查询一个星期的可用程序列表。我将其格式化为一个对象，以便在选择一天时，可以轻松地使用当天的对象，并创建programSelectedDay。

programDateLookUp {
  "22/04/24": [
    {
      "programType": "CLINIC",
      "start_date": "2022-04-24T16:00:00.000Z"
    }
  ],
  "22/04/25": [
    {
      "programType": "PRACTICE",
      "start_date": "2022-04-25T16:00:00.000Z"
    },
    {
      "programType": "PICKUP",
      "start_date": "2022-04-25T16:00:00.000Z"
    }
  ],
  "22/04/27": [
    {
      "programType": "PRACTICE",
      "start_date": "2022-04-27T16:00:00.000Z"
    }
  ],
  "22/04/28": [
    {
      "programType": "CLINIC",
      "start_date": "2022-04-28T16:00:00.000Z"
    }
  ]
}

然后，我基于对象键抓住programSelectedDay，所以

const programsOnSelectedDay = programDateLookUp[selectedDay] || [];
where selectedDay = '22/04/25'

 LOG  programsOnSelectedDay [
  {
    "programType": "PRACTICE",
    "start_date": "2022-04-25T16:00:00.000Z"
  },
  {
    "programType": "PICKUP",
    "start_date": "2022-04-25T16:00:00.000Z"
  }
]

现在我需要一个递归功能，我认为能够检查programSelectedDay 10，然后将第二天的程序添加到该programelectedDay数组，依此类推，直到我至少达到10个结果，否则我已经度过了一周的剩余日子。

就目前而言，我有类似的东西，

  const addProgramsBasedOnLength = (programs) => {
    if (programs.length === 0) return programs;

    if (programs.length < 10) {
      const nextDay = moment(selectedDate, FORMAT).add(1, 'days').format(FORMAT);
      const nextDayPrograms = programDateLookUp[nextDay] || [];
      return addProgramsBasedOnLength([...programs, ...nextDayPrograms]);
    }
    return programs;
  };

如果我只返回[... program，... nextdayPrograms]而不是调用新数组的函数，它确实可以工作在第二天给我的结果。因此，我想知道如何使此递归最多将10个结果添加到原始的programelectedday或直到一周的其余时间。

有什么知道做到这一点的方法吗？

Answer 1

我尝试了一些与@ouroborus评论非常相似的事情。

相反，在当前选定的一周格式化日期的整个星期数组中循环；使用我已经选择的任何日期的索引。

下面的解决方案仅允许添加一周中的天数，即超过选定的日期，而不会在我选择的日期之前的几天内循环。

const addProgramsBasedOnLength = (programs, programDateLookUp, selectedDate, week) => {
  if (programs.length >= 10) return programs;

  const indexOfSelectedDate = week.findIndex(day => day.formatted === selectedDate);

  const restOfWeekPrograms = week.slice(indexOfSelectedDate + 1).reduce((acc, { formatted }) => [
    ...acc,
    ...programDateLookUp[formatted] || [],
  ], []);

  return [...programs, { key: 'noMoreResultsForDay' }, ...restOfWeekPrograms];
};

当我通过返回的数组映射时，将关键对象添加为UI的目的