如何用JavaScript动态生成间隔5分钟的分钟选项数组

需要生成一个包含00到55分钟、间隔5分钟的数组，每个元素是带id和value属性的对象，替代手动编写的静态数组。这里有几种简洁的实现方式：

方法一：for循环实现（直观易懂） #

const minutes = [];
// 从0开始，每次加5，直到55
for (let i = 0; i <= 55; i += 5) {
  minutes.push({
    id: (i / 5) + 1, // id从1开始递增
    value: i.toString().padStart(2, '0') // 补前导零，确保是两位字符串
  });
}

方法二：Array.from实现（简洁优雅） #

利用Array.from直接生成数组，无需手动初始化空数组：

const minutes = Array.from({ length: 12 }, (_, index) => ({
  id: index + 1, // index从0开始，id从1到12
  value: (index * 5).toString().padStart(2, '0') // 计算分钟数并补零
}));

关键说明 #

• padStart(2, '0') 用于将单个数字的分钟数（如5）转为两位字符串（"05"），保证格式统一；
• 两种方法生成的数组和你手动编写的静态数组完全一致。

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