如何实现JavaScript中括号表达式的由内到外匹配替换？

核心思路：用栈/递归处理嵌套结构，由内到外求值 #

正则确实很难直接处理嵌套括号的由内到外匹配，因为它默认会贪婪匹配外层结构。这里可以用栈式迭代替换或递归解析的思路解决问题，两种方案都能实现你要的内层优先求值逻辑。

方案1：栈式迭代替换 #

通过循环匹配最内层括号（括号内部无其他嵌套），逐步替换后再处理外层，直到所有括号都被解析完成：

function replaceNested(str, data) {
  // 匹配最内层括号：匹配(后接非括号字符，直到)的结构
  const innerRegex = /\(([^()]+)\)/g;
  let result = str;
  let match;

  // 循环替换，直到没有可匹配的括号
  while ((match = innerRegex.exec(result)) !== null) {
    const expr = match[1];
    let replacement = '';

    // 区分直接属性和函数式调用（比如label(myDynamicAttribute)）
    if (expr.includes('(')) {
      // 拆分函数名与参数
      const [funcName, paramExpr] = expr.split(/\((.*)\)/);
      // 先取参数对应的属性值，再拼接成目标属性名
      const paramValue = data[paramExpr.trim()];
      replacement = data[`${funcName}${paramValue}`] || expr;
    } else {
      // 直接替换属性名
      replacement = data[expr.trim()] || expr;
    }

    // 替换当前最内层括号内容
    result = result.replace(match[0], replacement);
    // 重置正则索引，避免死循环
    innerRegex.lastIndex = 0;
  }

  return result;
}

// 测试用例
const data = {
  username: "Max",
  age: 10,
  myDynamicAttribute: "1",
  label1: 'awesome',
  label2: 'ugly'
};
const input = "(username) is (age) and (label(myDynamicAttribute))";
console.log(replaceNested(input, data)); // 输出：Max is 10 and awesome

方案2：递归解析 #

通过递归先处理最内层表达式，再逐层向外解析，逻辑更直观：

function parseExpr(expr, data) {
  // 如果表达式仍有嵌套括号，先递归解析内层
  if (expr.includes('(')) {
    const innerMatch = expr.match(/\(([^()]+)\)/);
    if (innerMatch) {
      const innerResult = parseExpr(innerMatch[1], data);
      return parseExpr(expr.replace(innerMatch[0], innerResult), data);
    }
  }

  // 处理最终表达式：函数调用或直接属性
  if (expr.includes('(')) {
    const [funcName, param] = expr.split(/\((.*)\)/);
    return data[`${funcName}${param}`] || expr;
  } else {
    return data[expr.trim()] || expr;
  }
}

function replaceNestedRecursive(str, data) {
  return str.replace(/\(([^()]+)\)/g, (match, expr) => parseExpr(expr, data));
}

// 测试用例
console.log(replaceNestedRecursive(input, data)); // 输出：Max is 10 and awesome

额外说明 #

• 如果后续需要支持更复杂的表达式逻辑（比如多参数、运算、自定义函数），可以手写简单的词法分析+语法分析模块，但针对你当前的需求，上面两种方案完全够用。
• 建议添加边界处理，比如括号不匹配、属性不存在的场景，避免程序报错。

内容的提问来源于stack exchange，提问作者JmRag