使用正则表达式将数字外的大括号替换为HTML标签

没问题，这个需求完全可以通过正则表达式实现，不过你之前的写法有个小误区，我来给你一步步讲清楚正确的实现方式：

核心思路 #

String.replace()方法支持传入回调函数作为第二个参数，这个回调能拿到正则匹配到的捕获组内容，刚好可以把{ }里的数字提取出来传给你的generateHtml()函数。

具体代码实现 #

首先先定义你的generateHtml函数（假设是生成带类名的span标签）：

function generateHtml(num) {
  return `<span class="num">${num}</span>`;
}

然后用正则匹配并替换：

const input = 'The other day I saw {3} cats';
// 正则里用(\d+)捕获大括号内的数字，加g修饰符支持全局替换多个{数字}
const output = input.replace(/\{(\d+)\}/g, (match, capturedNum) => {
  // capturedNum就是我们要的数字，直接传给generateHtml
  return generateHtml(capturedNum);
});

console.log(output);
// 输出：The other day I saw <span class="num">3</span> cats

解释下关键细节 #

1. 正则写法：/\{\d+\}/g里的\{和\}是转义大括号（因为大括号在正则里是特殊字符，用来表示重复次数），(\d+)是捕获组，专门提取里面的数字。
2. 回调函数参数：第一个参数match是整个匹配到的内容（比如{3}），第二个参数capturedNum就是捕获组里的数字（比如3），我们只需要把这个数字传给generateHtml就行。
3. 全局替换：如果你的字符串里有多个{数字}（比如{3} cats and {5} dogs），加g修饰符就能一次性替换所有匹配项。

简化写法（如果不需要单独函数） #

如果不需要单独的generateHtml函数，也可以直接在回调里生成标签：

const output = input.replace(/\{(\d+)\}/g, (_, num) => `<span class="num">${num}</span>`);

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