如何为每周七天动态分配时间区间数组(支持跨周叠加)

星浩同学_7820

星浩同学_7820

2026-10-08

195人浏览

原创

如何为每周七天动态分配时间区间数组(支持跨周叠加)

本文详解如何正确构建一个包含7个对象的数组,每个对象对应一周中的一天,并为其动态分配指定数量的4小时时间区间(如00:00–04:00),确保时间戳严格对齐实际星期几,且支持多日/跨周场景(如8天时仅周一出现12个区间,其余天仍为6个)。

本文详解如何正确构建一个包含7个对象的数组,每个对象对应一周中的一天,并为其动态分配指定数量的4小时时间区间(如00:00–04:00),确保时间戳严格对齐实际星期几,且支持多日/跨周场景(如8天时仅周一出现12个区间,其余天仍为6个区间)。

在开发排期系统、广告投放时段管理或值班轮班模块时,常需将连续日期范围按“星期几”归类,并为每一天生成标准化的时间切片(例如每4小时一段)。但若直接嵌套三层循环(遍历7天 × 遍历总天数 × 遍历时间段),会导致逻辑错位:所有星期几都会被错误地填充全部天数的时间段,而非仅匹配真实发生的日期。

根本问题在于:原始代码中,外层循环固定遍历 ['Sundays', 'Mondays', ..., 'Saturdays'],内层却对 durationOfCampaignInDays(如8天)逐日计算——结果是“周日”对象里塞进了未来8天中所有日子的6个时间段,造成 Sundays: Array(42) 等异常膨胀。

✅ 正确思路是:以真实日期为驱动,而非以星期名为驱动。即:

  1. 从起始日(如今天)开始,逐日推进;
  2. 对每一天,计算其真实星期几(moment().day() → 0 表示周日,1 表示周一……);
  3. 根据该星期几索引,将当天的6个时间区间追加到对应星期的对象数组中。

以下是优化后的完整实现(使用 Moment.js,兼容浏览器环境):

// 引入 moment.js(确保已加载)
// <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>

const weekdays = ['Sundays', 'Mondays', 'Tuesdays', 'Wednesdays', 'Thursdays', 'Fridays', 'Saturdays'];
const startOfTheDay = moment().startOf('day');
const durationOfCampaignInDays = 8; // 示例:8天周期

// 初始化结果:7个空数组,按星期顺序对应
const updatedDaysArray = weekdays.map(dayName => ({ [dayName]: [] }));

// 主循环:遍历每一天(0 到 duration-1)
for (let dayOffset = 0; dayOffset <p>? <strong>关键修正点说明</strong>:</p>
  • ✅ 跳过无效匹配:不再“为周日强行生成8天的所有时间段”,而是每天只归属到它真实的星期几。
  • ✅ 时间戳精准对齐:每个时间段的 startTimestamp 和 endTimestamp 均基于 currentDay.startOf('day') 计算,确保周四是真正的周四时间戳(而非复用周一的时间戳)。
  • ✅ 可扩展性:若需支持“特殊日加倍”(如周一始终双倍时段),只需在内层循环前添加判断:
    const numberOfRanges = (weekdayIndex === 1) ? 12 : 6; // 周一12段,其余6段
    for (let rangeIndex = 0; rangeIndex 

? 进阶建议(推荐生产环境使用): 若追求更直观的数据结构(避免7个单属性对象),可改用键值对象:

const result = Object.fromEntries(weekdays.map(day => [day, []]));
// 后续追加逻辑改为:result[dayName].push(...)

此结构语义更清晰,也便于后续通过 result.Mondays 直接访问,无需索引查找。

最终,该方案彻底解决原始代码中“数组爆炸”和“时间戳错位”两大核心缺陷,输出严格符合业务语义的、可预测的结构化时间数据。

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

2023.06.20

4626

5

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

2023.07.04

1149

3

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

2023.07.04

4564

6

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

2023.09.01

920

4

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.04

1816

5

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

2023.09.04

3305

4

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

2023.09.12

4293

6

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

2023.09.20

2800

5

java访问控制修饰符介绍
java访问控制修饰符介绍

java访问控制修饰符有四种,分别是public、protected、private、默认访问修饰符。详细介绍:1、public,public是最宽松的访问控制修饰符,被修饰的类、方法和变量可以被任何其他类访问,当一个类、方法或变量被声明为public时,它们可以在任何地方被访问,无论是同一个包中的类还是不同包中的类;2、protected修饰符等等。

2023.09.20

888

7

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.6万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 133.4万人学习