JavaScript实现&包裹词转#开头及反向转换的正则优化方案

需求说明 #

实现两个双向转换的字符串处理函数：

• 正向转换：将被&符号包裹的单词替换为单词开头加单个#的格式，转换规则为 &word& => #word
• 反向转换：将开头带#的单词还原为&包裹的格式，转换规则为 #word => &word&

原逐字符遍历的实现逻辑冗余、边界覆盖不全，基于正则捕获组可以大幅简化实现。

优化后完整代码 #

const text = "&string& someText&string2& &string3& &string4&&string5&";

/**
 * &包裹格式转#开头格式
 * @param text 输入文本
 * @returns 转换后带#的文本
 */
const replaceAmpersandsWithHashtag = (text: string): string => {
  // 全局匹配成对的&符号，捕获两个&中间的内容，替换为#加捕获内容
  return text.replace(/&([^&]+)&/g, '#$1');
}

/**
 * #开头格式转&包裹格式
 * @param text 输入文本
 * @returns 转换后&包裹的文本
 */
const replaceHashtagWithAmpersands = (text: string): string => {
  // 全局匹配#开头的连续非#、非空白字符，捕获内容后用&前后包裹
  return text.replace(/#([^#\s]+)/g, '&$1&');
}

// 功能测试
const textWithHashtags = replaceAmpersandsWithHashtag(text);
const againWithAmpersands = replaceHashtagWithAmpersands(textWithHashtags);

console.log(textWithHashtags); // 输出: #string someText#string2 #string3 #string4#string5
console.log(againWithAmpersands); // 输出: &string& someText&string2& &string3& &string4&&string5&
console.log(text === againWithAmpersands); // 输出: true

实现说明 #

• 正向转换正则/&([^&]+)&/g：全局匹配所有被两个&包裹的内容，通过小括号捕获中间的单词部分，替换时直接保留捕获内容、把前&换成#、删除后&即可，不需要逐字符计数过滤。
• 反向转换正则/#([^#\s]+)/g：全局匹配所有#开头的单词，遇到下一个#或者空白字符就判定单词结束，捕获单词内容后前后拼接&即可，不需要手动维护状态标记判断闭合位置。

相比原实现的优势 #

• 代码更简洁：核心替换逻辑仅1行正则，去掉了字符串拆分、遍历、状态计数、多分支判断的冗余代码
• 边界覆盖更全：原反向逻辑仅判断了空格、&、字符串末尾三种闭合场景，遇到标点、特殊字符时会漏加闭合&，正则方案自动适配所有非单词字符作为边界
• 性能更高：原生正则替换由JS引擎底层实现，比JS层逐字符遍历处理速度快数倍
• 可维护性更强：正则规则直接对应匹配目标，不需要跟踪遍历过程中的临时变量状态

内容的提问来源于stack exchange，提问作者Monkey D. Teach