将多次重复出现的 && 替换为 <b> 并将 %% 替换为 <i> 标记

Question

我正在开发一个自定义解析函数，我需要在其中解析一个字符串 多次重复出现 && 与 <b> 和 %% 与 <i> 标记。

我试过这个正则表达式。

html = html.replace(/[&][&](.+?)[&][&]/g, '<b>$1</b>');
html = html.replace(/[%][%](.+?)[%][%]/g, '<i>$1</i>');

上面的替换对我的意思是单个组很好

"&&This&& is a &&bold string&&" to "this is a bold string"

这给出了奇怪的结果，我有重复的字符串

&&&&This&&&& is a &&bold string&& 

到<b>&&This</b>&& is a <b>bold String</b>

在解析结束组和开始组时需要帮助以将其替换为适当的 html 标记，例如

致<b><b>This</b></b> is a <b>bold String</b>

如果可能的话，只用一个<b>标签替换它

致<b>This</b> is a <b>bold String</b>

Answer 1

一种选择是在一行中匹配尽可能多的&s，至少需要两个：

console.log(
  '&&&&This&&&& is a &&bold string&&'
    .replace(/&{2,}(.*?)&{2,}/g, '<b>$1</b>')
);

请注意，如果您想用<b> 标记替换&s 和用<i> 标记替换%s，您可以使用一个带有访问对象的替换函数的正则表达式：

const obj = {
  '&': 'b',
  '%': 'i'
};
console.log(
  '&&&&This&&&& is a &&bold string&& and there are italics %%here%%%'
    .replace(
      /([%&])\1+(.*?)\1{2,}/g,
      (_, char, text) => `<${obj[char]}>${text}</${obj[char]}>`
    )
);

如果你想要求每一端的组是平衡，那么不要只捕获组中的一个字符，还要捕获&s 或% 的整个子字符串s，因此您可以稍后反向引用整个子字符串：

const obj = {
  '&': 'b',
  '%': 'i'
};
console.log(
  '&&&&This&& is a &&bold string&& and there are italics %%here%%%'
    .replace(
      /(([%&])\2+)(.+?)\1/g,
      (_, _2, char, text) => `<${obj[char]}>${text}</${obj[char]}>`
    )
);

如果节没有整齐地嵌套在其他节中（如<b>foo<i>bar</b>baz</i>），那么您将不得不使用替换&&s 的原始方法，然后再次遍历字符串并替换%%s ：

console.log(
  '&&&&This&& is a &&bold string&& and there are italics %%here%%%'
    .replace(/(&{2,})(.+?)\1/g, '<b>$2</b>')
    .replace(/(%{2,})(.+?)\1/g, '<i>$2</i>')
);

Answer 2

如果我正确理解您的问题，那么转换的解决方案：

&&&&This&&&& is a &&bold string&& 

到：

<b><b>This</b></b> is a <b>bold String</b>

应该是：

console.log('&&&&This&&&& is a &&bold string&& '
.replace(/&&(.*?)&&/g, '<b>$1</b>'))