javascript - 如何使用 JavaScript 解析带有双大括号的字符串？

Question

是否有快速的正则表达式方法或类似的方法可以将字符串解析为双花括号中的位不(我们称它们为“静态”)和是 在双花括号中(让我们称之为“动态”)？

例如输入:

Lorem {{ipsum dolor sit}} amet, {consectetur} adipiscing {{elit}}.

要求的输出:

[
  {
    type: "static",
    value: "Lorem "
  },
  {
    type: "dynamic",
    value: "ipsum dolor sit"
  },
  {
    type: "static",
    value: " amet, {consectetur} adipiscing "
  },
  {
    type: "dynamic",
    value: "elit"
  },
  {
    type: "static",
    value: "."
  },
]

到目前为止，我最好的尝试是使用 /\{*([^{}]+)\}*/g 作为正则表达式并使用 while 循环> 和 exec 但它错误地将 任何 个大括号识别为动态值，如下所示:

function templateParser(string) {
  const re = /\{*([^{}]+)\}*/g;

  const output = [];

  while (true) {
    const match = re.exec(string);

    if (!match) {
      break;
    }

    const [templateItem, templateKey] = match;

    output.push({
      type: templateItem === templateKey ? "static" : "dynamic",
      value: templateItem === templateKey ? templateItem : templateKey
    });
  }

  return output;
}

console.log(
  templateParser(
    "Lorem {{ipsum dolor sit}} amet, {consectetur} adipiscing {{elit}}."
  )
);

Answer 1

区分{{ this }} 和 that capture 的想法this 但匹配 that。

{{(.*?)}}|.+?(?={{|$)

• alternation 的左侧捕获与第一组的“动态”匹配。
• 在右侧“静态”部分得到匹配 until the next {{ 或最多 the end .

See this demo at regex101或 JS-demo at tio.run

使用 exec 您的值可以很容易地根据例如m[1]!=null(第一组匹配)。当然这与你的示例数据有关。假设没有嵌套并且没有猜测任何其他内容。