JavaScript移除字符串非数字值并将空格替换为冒号的更优实现方案

你现有写法存在两个明显缺陷：

• 链式调用了三次字符串处理方法（正则替换、首尾去空格、替换双空格），存在不必要的性能开销
• 容错性差：只要数字间的非数字字符长度不固定（比如输入变成00 h 01m 30s，数字和单位间多了空格、或者数字间隔了多个非数字字符），replaceAll(' ', ':')的逻辑就会失效，输出结果会残留空格或者缺少冒号。

推荐实现 #

直接提取所有连续数字片段后用冒号拼接即可，不管中间夹杂多少非数字字符、多少空格都能正确输出结果：

const string = '00h 01m 30s'
const timestamp = (string.match(/\d+/g) || []).join(':')
console.log(timestamp) // 输出 00:01:30

逻辑说明 #

• \d+匹配连续的数字串，加上g全局修饰符后，match方法会返回所有匹配到的数字段组成的数组，上述示例的匹配结果为['00', '01', '30']
• || []是兜底处理：如果输入字符串里完全没有数字，match会返回null，用空数组兜底可以避免调用join时报错，此时最终结果为空字符串
• 整个逻辑只做一次正则匹配加一次数组拼接，性能比多次遍历字符串的链式替换更好，同时适配性更强：哪怕输入是00小时01分30秒、00-01-30这类其他格式，只要数字顺序对应时分秒，都能正确输出标准的冒号分隔时间戳。

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