JavaScript中匹配平衡分隔符并替换的正则表达式实现

首先，咱们拆解下你的需求：要处理混着单对{}和双对{{}}的文本，还得支持最多一层嵌套的平衡分隔符，最终得到你想要的输出结果。结合你给的示例，咱们可以用两种思路实现，逻辑都很清晰。

方案一：分步骤替换（新手友好，易调整） #

这种方式把复杂需求拆成简单小步骤，每一步只处理一种情况：

1. 先搞定双对{{}}：用正则匹配所有双对结构，直接替换成内部内容。

   let text = "{{foo}} {foo{bar}} {bar} baz {quz {foobar}}";
   // 把 {{x}} 替换成 x
   text = text.replace(/\{\{(.*?)\}\}/g, '$1');
   

   这一步处理后文本变成：foo {foo{bar}} {bar} baz {quz {foobar}}

2. 处理内层独立单对{}：匹配那些内部没有嵌套分隔符的单对，替换成内容。

   // 把 {x}（x里没有{}）替换成 x
   text = text.replace(/\{([^{}]*)\}/g, '$1');
   

   这一步处理后文本变成：foo {foo{bar}} bar baz {quz foobar}

3. 处理外层嵌套单对{}：匹配那些内部包含一层嵌套分隔符的单对，替换成内部内容。

   // 把 {x{y}} 替换成 x{y}
   text = text.replace(/\{([^{}]*\{[^{}]*\}[^{}]*)\}/g, '$1');
   

   最终就能得到你要的结果：foo foo{bar} bar baz {quz foobar}

方案二：带回调的一次性替换（简洁高效） #

如果想简化步骤，可以用一个正则同时匹配双对和单对，然后在回调函数里判断类型并处理：

const text = "{{foo}} {foo{bar}} {bar} baz {quz {foobar}}";
const result = text.replace(/(\{\{(.*?)\}\})|(\{([^{}]*(?:\{[^{}]*\})?[^{}]*)\})/g, (match, doubleMatch, doubleContent, singleMatch, singleContent) => {
  if (doubleMatch) {
    // 双对直接返回内部内容
    return doubleContent;
  } else {
    // 处理单对：判断内容里有没有嵌套的{}
    if (singleContent.includes('{') && singleContent.includes('}')) {
      // 如果内容里还剩未替换的{}，说明是外层嵌套结构，直接返回内容（去掉外层{}）
      return singleContent.match(/\{[^{}]*\}/) ? singleContent : match;
    } else {
      // 内容无嵌套，直接返回内容
      return singleContent;
    }
  }
});

这个方案会一次性处理所有情况，最终结果和分步骤完全一致。

关键思路说明 #

• 优先处理双对{{}}：因为它们的结构更明确，不会和单对混淆，避免匹配出错。
• 单对分情况处理：内部无嵌套的直接替换；内部有一层嵌套的，根据示例需求判断是去掉外层{}还是保留外层并替换内层。
• 正则里的(?:\{[^{}]*\})?用来匹配可选的一层嵌套，刚好符合你“最多包含一处匹配”的要求。

内容的提问来源于stack exchange，提问作者牛さん