JavaScript循环迭代问题:生成18-22点时间列表时出现数据重复错误求助
问题排查与代码修正
咱们一步步拆解你代码里的问题,再给出针对性的修复方案:
核心问题分析
你的代码存在三个关键问题,直接导致了时间范围不符合需求、数据重复堆叠的情况:
循环时间范围错误
你需要生成18-22点的时间列表,但代码里TheTimeNow初始值设为20,CloseTime设为23,这让循环只会覆盖20-23点,既没包含需求里的18、19点,还多了不需要的23点。内层循环的分钟变量未重置
mintes变量在循环外初始化,第一次外层循环(20点)执行完后,mintes的值已经变成60,后续外层循环(21、22、23点)里,内层循环的条件mintes <= LastMinutes不再成立,完全不会再添加任何分钟数据。结果数组未按需重新创建
resultMintes数组是在所有循环外定义的,每次外层循环都会把新的分钟数据追加到同一个数组里,再把这个数组的引用push到lastResult中。这就导致lastResult里的所有元素其实都是同一个数组的引用,最后看起来就是数据重复堆叠。
修正后的代码
根据你的需求,我调整了循环范围,修复了变量重置和数组初始化的问题,还做了一点格式优化:
// 设置需求的时间范围:18到22点 let closeTime = 22; let currentHour = 18; // 每个小时的分钟从0开始,按5分钟间隔到55(60分钟属于下一小时,无需包含) let startMinute = 0; let lastMinute = 55; let lastResult = []; for (; currentHour <= closeTime; currentHour++) { // 处理每个小时前,重新创建当前小时的分钟数组 const hourMinutes = []; // 每次循环小时时,重置分钟变量到起始值 for (let minute = startMinute; minute <= lastMinute; minute += 5) { // 补零处理,让分钟显示为两位数字(比如18:05而非18:5) const formattedMinute = minute.toString().padStart(2, '0'); hourMinutes.push(`${currentHour}:${formattedMinute}`); } lastResult.push(hourMinutes); } console.log(lastResult);
额外说明
如果你的需求是从某个特定分钟开始(比如当前时间是20分,就从20分往后每5分钟生成),只需要把startMinute改成对应的初始值即可,比如let startMinute = 20;,其他逻辑不需要调整。
内容的提问来源于stack exchange,提问作者Mahmoud Almadhoun
相关产品推荐
相关产品推荐

