本文介绍如何使用正则表达式精准地在字符串开头或结尾的特定标点符号（如 `?`、`!`、`...`、`?!` 等）前后插入空格，避免传统循环替换导致的重复处理与顺序错误问题。
在文本处理中，常需将出现在字符串最前端或最末端的标点符号（如 ?、!、.、...、?! 等）与相邻单词“分离”，即在其前（若位于开头）或后（若位于结尾）添加一个空格，使其视觉上更符合排版规范。原始代码采用 for 循环 + replaceAll 的方式逐个替换，存在两大缺陷：
- 顺序敏感且易重复处理：例如 ?! 会被 ? 和 ! 分别匹配两次，导致多余空格；
- 未区分位置：split 和 replaceAll 无差别处理所有出现位置，破坏中间合法符号（如 hello.world 中的 .）。
✅ 推荐解法是使用锚定正则表达式（^ 和 $），精准定位首尾：
function modify(string) {
// 在开头的连续标点前加空格（实际是：匹配开头标点 → 替换为“标点 + 空格”）
string = string.replace(/^[?!.]+/, '$& ');
// 在结尾的连续标点后加空格（匹配结尾标点 → 替换为“空格 + 标点”）
string = string.replace(/[?!.]+$/, ' $&');
return string.trim();
}该方案简洁高效，适用于 ?、!、. 及其组合（如 ?!、!!、...），但注意：[?!.]+ 是字符类匹配，会把 ... 视为三个独立 .，而 ?! 会被识别为 ? 后跟 ! —— 这恰好符合多数场景需求。
⚠️ 若需严格匹配自定义符号列表（如必须将 ... 当作整体、支持 !? 等非常规组合），则需构建动态正则表达式，关键点有三：
- 按长度降序排序：确保 ... 优先于 . 匹配，避免被截断；
- 转义特殊字符：?、!、. 在正则中有含义，需用 \\ 转义；
- 分组捕获：用 (...) 包裹选项，以便 $1 引用完整匹配项。
function modify(string) {
const signs = ['?', '!', '...', '?!', '!?', '!!', '.'];
// 构建安全正则：排序 → 转义 → 拼接为 OR 表达式
const escapedOptions = signs
.sort((a, b) => b.length - a.length)
.map(s => s.split('').map(c => '\\' + c).join(''))
.join('|');
const prefixRegex = new RegExp('^(' + escapedOptions + ')');
const suffixRegex = new RegExp('(' + escapedOptions + ')$');
string = string.replace(prefixRegex, '$1 ').replace(suffixRegex, ' $1');
return string.trim();
}✅ 示例验证：
modify('you always have to wake up?'); // "you always have to wake up ?"
modify('...you always have to wake up'); // "... you always have to wake up"
modify('...you always have to wake up?!'); // "... you always have to wake up ?!"? 总结建议：
- 通用场景首选 ^[?!.]+ / [?!.]+$ 方案，轻量、可读性强；
- 复杂符号集（含多字符组合或特殊顺序要求）时，采用动态正则构建，务必排序+转义；
- 始终使用 trim() 防止两端残留多余空格；
- 避免在循环中反复 replaceAll —— 正则一次定位、一次替换，语义清晰且性能更优。
