javascript - 如何在 Javascript 中拆分具有前缀和后缀的字符串？

Question

我有以这种形式存储在变量中的字符串:

var c = "<p>Let's try with single inputs : *[]*</p>"

我可以轻松拆分和转换 *[]*进入<span>使用此方法[a]:

var res = c.split("*[]*");
if(res.length > 1){
  var strContent = res[0];
  var inptSoal = ' <span id="content-input" class="al question mb-0">[ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ]</span> ';
  strContent += inptSoal;
  strContent += res[1];

  c = strContent;
} return c;

但是现在，假设我有这种形式的字符串 [b] :

var c = "<p>Let's try with 2 inputs : *[Input 1]* and *[Input 2]*</p>"

我如何拆分(和转换)每个 *[和 ]* (里面有字符串)到 HTML 中 <span>元素？提前致谢

---

编辑

为了更清楚，使用我在上面写的方法 ([a])，它会在我的网站上返回这个:

如果条件类似于我上面提到的第二种形式 ([b])，我想做的是返回相同的结果。我怎样才能做到这一点？

---

已解决 ✅

这里的每个答案都解决了我的问题。这里的第一个答案是 Ofek的回答。它运行良好，我需要做的就是改变 "<span>" + input + "</span>" 来达到我想要的结果。在replace()里面作用于:

"<span id='content-input' class='al question mb-0'>" + input + "</span>"制作span元素具有 CSS 样式，如我上面的屏幕截图。

另外两个答案，sid的答案和Rahul Kumar的答案也很有效。但我更愿意选择Rahul Kumar的简单回答。

预先感谢所有回答我问题的人!

Answer 1

使用 regex匹配模式并将其传递给 String.replace()用新字符串替换字符串中匹配模式的方法 <span>$1</span> .这里$1表示捕获的组是括号内的内容*[...]* .

str = "<p>Let's try with 2 inputs : *[Input 1]* and *[Input 2]*</p>"
const regex = /\*\[(.*?)\]\*/g;
const finalStr = str.replace(regex, "<span>$1</span>");
console.log(finalStr);