JavaScript解析h/m/s时长字符串为时分秒格式的可扩展实现咨询

• 缺少自动补零逻辑：当输入的时间值为个位数时（如5h 3m 2s），直接拼接会输出非标准的5:3:2，无法对齐两位格式要求
• 逻辑冗余：靠split拆分字符串+逐段判断的方式，每新增一个支持的单位（比如天）就要多加一个判断分支
• 容错性弱：如果输入字符串的单位顺序打乱（如22s 34m 2h）、或存在空格分隔不规范的情况，原有逻辑的解析准确率会下降

采用「正则批量匹配+总秒数中间换算」的思路，天然支持天单位，兼容所有缺省场景：

// 支持d/h/m/s任意顺序、任意缺省组合的时长解析
const durationReg = /(\d+)\s*([dhms])/gi;
// 各单位转成秒的换算基准
const unitToSeconds = {
  d: 24 * 3600,
  h: 3600,
  m: 60,
  s: 1
};

const parseDuration = (durationStr) => {
  let totalSeconds = 0;
  let match;
  // 遍历所有匹配到的时间片段累加总秒数
  while ((match = durationReg.exec(durationStr)) !== null) {
    const num = parseInt(match[1], 10);
    const unit = match[2].toLowerCase();
    totalSeconds += num * unitToSeconds[unit];
  }
  // 总秒数反向拆解为时、分、秒
  const hours = Math.floor(totalSeconds / 3600);
  const minutes = Math.floor((totalSeconds % 3600) / 60);
  const seconds = totalSeconds % 60;
  // 统一做两位补零
  const padZero = (val) => String(val).padStart(2, '0');
  return `${padZero(hours)}:${padZero(minutes)}:${padZero(seconds)}`;
}

// 验证效果
parseDuration('2h 34m 22s'); // 返回 "02:34:22"
parseDuration('5m 12s'); // 返回 "00:05:12"
parseDuration('1d 3h 10s'); // 返回 "27:00:10"
parseDuration('22s 34m 2h'); // 返回 "02:34:22"，顺序打乱也能正确解析

这个方案的优势：

• 不需要拆分字符串，靠正则匹配可以兼容单位顺序乱、缺分隔空格等不规范输入
• 新增支持单位只需要在换算基准对象里加一行配置，不需要修改遍历判断逻辑
• 统一的补零逻辑，不会出现格式不统一的问题

• 如果你需要处理更复杂的时长格式（比如带中文单位、带小数的时长值），可以选用parse-duration这类专门的轻量时长解析库，内置对d/h/m/s等单位的识别，输入字符串直接返回总毫秒数，包体极小无依赖，拿到值后套用上面的补零格式化逻辑即可
• 如果你项目已经引入了Day.js、Luxon这类通用时间处理库，可直接使用其内置的duration时长处理模块，无需额外安装新依赖，即可完成带天单位的解析、格式化，和现有技术栈的适配成本最低

注：如果需要将天作为独立分量输出（而非换算为总小时），只需要在拆解总秒数时单独提取天值，拼接到最终格式字符串的最前方即可，调整成本极低。

内容的提问来源于stack exchange，提问作者basel.ai