JavaScript正则表达式：捕获可选组，同时具有严格的匹配

Question

我正在尝试从用户输入中提取一些应遵循以下格式的数据：1d 5h 30m，这意味着用户输入的时间量为1天，5小时30分钟。

我正在尝试提取输入的每个部分的值。但是，每个组都是可选的，这意味着 2h 20m 是有效输入。

我试图在输入中保持灵活性（从某种意义上说，并非所有部分都需要输入），但与此同时，我不会看着我的正则表达式来匹配一些随机的插补，如asdfasdf20m。这个应该被拒绝（没有匹配项）。

因此，首先我去掉了用户可能使用过的任何分隔符(他们的输入可能看起来像< code>4h，10m，这没问题):

input = input.replace(/[\s.,;_|#-]+/g, '');

然后我捕获每个部分，我使用将其指示为可选？：

var match = /^((\d+)d)?((\d+)h)?((\d+)m)?$/.exec(input);

当我只想要实际值时，捕获包括字母在内的整个组有点混乱，但如果不用括号括起来，我不能说集群是可选的，对吗？

然后，当捕获空组时，匹配中的值为未定义。是否有任何函数将＜code＞未定义的＜code＞值默认为特定值？例如，0在这里很方便。

一个例子，其中输入是"4d，20h，55m"，匹配结果是：

["4d20h55m", "4d", "4", "20h", "20", "55m", "55", index: 0, input: "4d20h55m"]

我的主要问题是：

>

如何将组指示为可选组，但避免捕获它？

如何处理可能匹配的输入，如abcdefg6d8m？

我如何处理更改的订单？例如，用户可以输入< code>20m 10h。

当我问“如何处理x”时，我的意思是我希望能够拒绝那些匹配。

Answer 1

作为变体：

HTML：

<input type="text">
<button>Check</button>
<div id="res"></div>

JS：

var r = [];
document.querySelector('button').addEventListener('click', function(){
  var v = document.querySelector('input').value;
  v.replace(/(\d+d)|(\d+h)|(\d+m)/ig, replacer);
  document.querySelector('#res').innerText = r;
}, false);

function trim(s, mask) {
    while (~mask.indexOf(s[0])) {
        s = s.slice(1);
    }
    while (~mask.indexOf(s[s.length - 1])) {
        s = s.slice(0, -1);
    }
    return s;
}

function replacer(str){
  if(/d$/gi.test(str)){
    r[0] = str;
  }
  else if(/h$/gi.test(str)){
    r[1] = str;
  }
  else if(/m$/gi.test(str)){
    r[2] = str;
  }
  return trim(r.join(', '), ',');
}

看这里。