问题背景与目标
需求定位
本篇文章聚焦于 JavaScript 字符串处理：高效替换字符串内指定字符间的所有子串的实战教程，围绕如何在一个长字符串中定位并替换两端指定字符之间的子串展开。核心目标是实现一次遍历或一次正则替换就完成替换，尽量减少额外拷贝和重复计算。
在实际场景中，边界字符可以是 '(' 与 ')'，也可以是自定义符号如 '<' 与 '>'。理解边界符号的可控性是设计高效实现的第一步。
性能与正确性的权衡
选择实现方案时，可维护性、执行时间和输入规模是关键因素。对于短文本，正则替换法通常更简洁；对于海量文本，单遍扫描法能避免多次遍历带来的开销。
第一种方案：正则替换法
实现思路
利用正则表达式的全局匹配能力，针对两端边界构造模式，并对捕获组中的内容进行替换。重点在于正确处理边界转义，确保左边界和右边界本身不会被误识别。
下面给出一个通用实现，可以传入任意两端字符以及一个替换函数。
function escapeRegExp(s) {return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}function replaceBetween(str, left, right, replacer) {const a = escapeRegExp(left);const b = escapeRegExp(right);const re = new RegExp(a + '([\\s\\S]*?)' + b, 'g');return str.replace(re, function (m, inner) {return left + replacer(inner) + right;});
}// 用法示例
const s = 'a(abc)d(ef)g';
const result = replaceBetween(s, '(', ')', inner => inner.toUpperCase());
// 结果: 'a(ABC)d(EF)g'
在上面的实现中，escapeRegExp 负责对边界字符进行转义，RegExp 的捕获组 用于提取两端之间的内容，replacer 函数决定 inner 部分的新内容。
实际应用示例与要点
如果左边界和右边界可能包含正则元字符，确保边界被转义是避免错配的关键步骤。
第二种方案：单遍扫描法（高效替换法）
实现思路
将字符串一次性扫描，通过状态机的方式记录是否处于“在边界内”的阶段。这避免了正则引擎的额外开销，尤其在需要自定义替换逻辑时更具可控性。
该方法的核心是在遇到左边界时进入“内区间”状态，遇到右边界时输出替换结果，并继续向后扫描。
function replaceBetweenSinglePass(str, left, right, replacer) {let out = '';let i = 0;let inBlock = false;let buf = '';while (i < str.length) {const ch = str[i];if (!inBlock) {if (ch === left) {inBlock = true;buf = '';} else {out += ch;}} else {if (ch === right) {out += left + replacer(buf) + right;inBlock = false;} else {buf += ch;}}i++;}// 若字符串结束时仍在区间内，按照原样输出（不做强制闭合）if (inBlock) {out += left + buf;}return out;
}// 用法示例
const s = 'a(abc)d(ef)g';
const res = replaceBetweenSinglePass(s, '(', ')', inner => inner.toUpperCase());
// 结果: 'a(ABC)d(EF)g'
该实现的关键点在于单次遍历、状态控制和对边界未闭合情况的鲁棒处理。
代码要点：边界处理、转义与兼容性
正则构造与边界转义
在动态传入边界字符时，需要对边界进行转义，以免引发正则解析错误。下面是一个总结性要点的示例。
通过将边界字符转化为安全的正则文本，可以让模板更具可复用性，同时避免强硬的硬编码。
// 边界转义与正则构造的要点示例
function escapeRegExp(s) {return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}
function replaceBetweenRegExp(str, left, right, replacer) {const re = new RegExp(escapeRegExp(left) + '([\\s\\S]*?)' + escapeRegExp(right), 'g');return str.replace(re, (m, inner) => left + replacer(inner) + right);
}
边界条件与回退策略
在没有闭合的边界时，保留原文本或进行自定义回退都是常见策略。实现时应在循环结束后进行一次状态检查，以避免数据丢失。
实战案例演练：真实字符串示例
案例设定与输入
现在我们以一个真实的字符串示例进行演练：目标是在字符串中替换括号内的内容，示例文本包含连续的两个捕获区间。
原始文本示例：JavaScript 字符串处理：高效替换字符串内指定字符间的所有子串的实战教程，需要将其中括号内的文本统一换成大写或其他形式。
const text = 'a(first) b(second) c(third)';案例演示一：正则替换法输出
使用第一种方案可以快速实现。注意我们需要保留左右边界并替换中间的内容。
function replaceBetween(s, left, right, repl) {const escapedLeft = left.replace(/[.*+?^${}()|[\\]&]/g, '\\$&');const escapedRight = right.replace(/[.*+?^${}()|[\\]&]/g, '\\$&');const re = new RegExp(escapedLeft + '([\\s\\S]*?)' + escapedRight, 'g');return s.replace(re, (m, inner) => left + repl(inner) + right);
}
const sample = 'a(first) b(second) c(third)';
const out = replaceBetween(sample, '(', ')', inner => inner.toUpperCase());
// out: 'a(FIRST) b(SECOND) c(THIRD)'
案例演示二：单遍扫描法输出
使用第二种方案在同样输入下获得结果。该方法在边界不嵌套的场景中表现最佳。
function replaceBetweenSinglePass(str, left, right, replacer) {let out = '';let i = 0;let inBlock = false;let buf = '';while (i < str.length) {const ch = str[i];if (!inBlock) {if (ch === left) {inBlock = true;buf = '';} else {out += ch;}} else {if (ch === right) {out += left + replacer(buf) + right;inBlock = false;} else {buf += ch;}}i++;}if (inBlock) {out += left + buf;}return out;
}
const sample = 'a(first) b(second) c(third)';
const result2 = replaceBetweenSinglePass(sample, '(', ')', inner => inner.toUpperCase());
// result2: 'a(FIRST) b(SECOND) c(THIRD)'
