如何合并JavaScript正则表达式的两次replace操作以移除HTML代码？

合并两次replace操作的方案 #

你可以通过正则表达式的**或运算符（|）**将两个匹配规则合并为一个，只需要调用一次replace方法即可完成替换。修改后的代码如下：

function removeSpecialCharacter(str) {
  return str.replace(/(?:<(\/)?([a-zA-Z]*)(\s[a-zA-Z]*=[^>]*)?(\s)*(\/)?>| )/gi, '');
}

说明： #

• (?:...)是非捕获组，用来包裹两个独立的匹配规则，避免生成不必要的捕获结果
• |作为分隔符，表示只要匹配两个规则中的任意一个，就执行替换
• 保留原有的gi修饰符，确保全局匹配且不区分大小写

关于正则表达式学习的实用建议 #

正则确实有一定门槛，但可以通过以下方式降低学习难度：

• 拆分片段拆解：把复杂正则拆成一个个小模块，逐个搞懂每个部分的作用，比如先理解<是匹配转义后的左尖括号，再分析后面的分组是如何匹配标签结构的
• 从简单场景练手：先从匹配手机号、邮箱这类常见简单需求入手，再逐步尝试处理HTML转义字符、复杂文本结构这类进阶场景
• 边写边验证：写正则时随时用本地代码或正则测试工具验证匹配效果，根据结果调整规则，不要一次性写完整段复杂正则
• 记高频元字符：不用刻意背诵所有元字符，重点记住*（匹配0次或多次）、?（匹配0次或1次）、[]（匹配字符集）、()（分组）这些高频使用的即可，其他用到再查

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