javascript - 在Javascript中从字符串中删除括号

Question

  x = x.replace(/[{()}]/g, '');
  y = y.replace(/[{()}]/g, '');

  x = x.replace(/[\[\]']+/g, '');
  y = y.replace(/[\[\]']+/g, '');

好的，我知道第一个块删除了大括号，第二个代码块删除了常规括号。我现在想删除括号..有人可以告诉我怎么做吗？

我只是通过谷歌搜索得到了上面的代码..但我不明白他们“如何”想出这个，有人可以解释一下吗？谢谢

Answer 1

第一个正则表达式

x = x.replace(/[{()}]/g, '');
y = y.replace(/[{()}]/g, '');

在您的第一个正则表达式/[{()}]/g中，外部方括号[]构成一个字符类，它将匹配其中指定的一个字符。在这种情况下，字符{ ( ) }.

在之外，/regexp/您有g(global)修饰符，这意味着您的整个正则表达式将尽可能多地匹配，而且它不会只匹配第一个匹配项。

第二个正则表达式

x = x.replace(/[\[\]']+/g, '');
y = y.replace(/[\[\]']+/g, '');

在您的第二个正则表达式/[\[\]']+/g中，外部方括号[]构成一个字符类，它将匹配其中指定的字符之一。在这种情况下，字符[ ] '.

请注意，方括号在[character class]中显示为\[ \].

在你指定一个+ 量词one or more之后，它会连续匹配前面的规则。请注意，这是多余的，即使它有效，这也不是您想要的。

在之外，/regularexpression/您有g(global)修饰符，这意味着您的整个正则表达式将尽可能多地匹配，而且它不会只匹配第一个匹配项。

---

建议的解决方案

run1.onclick = function() {
  //removes "(" and ")"
  output1.innerHTML = input1.value.replace(/[()]/g, ''); 
}

run2.onclick = function() {
  //removes (){}[]
  output2.innerHTML = input2.value.replace(/[\])}[{(]/g, ''); 
}

<p>Remove ()</p>
<input id="input1" type="text" value="(123) 1234-1234">
<input id="run1" type="button" value="run">
<span id="output1"></span>

<hr>

<p>Remove ()[]{}</p>
<input id="input2" type="text" value="Hello (this) is [] a {{test}}!">
<input id="run2" type="button" value="run">
<span id="output2"></span>

Answer 2

run1.onclick = function() {
  //removes "(" and "), white space and -"
  // output1.innerHTML = input1.value.replace(/[()]/g, '');
  output1.innerHTML = input1.value.replace(/[()\ \s-]+/g, '');
}

run2.onclick = function() {
  //removes (){}[]
  output2.innerHTML = input2.value.replace(/[\])}[{(]/g, ''); 
}

<p>Remove ()</p>
<input id="input1" type="text" value="(123) 1234-1234">
<input id="run1" type="button" value="run">
<span id="output1"></span>

<hr>

<p>Remove ()[]{}</p>
<input id="input2" type="text" value="Hello (this) is [] a {{test}}!">
<input id="run2" type="button" value="run">
<span id="output2"></span>