如何使用正则表达式校验并替换JS字符串中的///为单引号

原代码的问题点 #

• 语法错误：data.(/\//gm.replace(...) 存在两处格式问题，一是data和方法之间多了多余的点，二是把replace方法错误挂在了正则对象上，实际应该由字符串对象调用replace方法
• 逻辑偏差：原正则/\//gm只匹配单个斜杠，就算语法修正，连续三个斜杠会被逐个替换成三个单引号，根本无法得到目标的"I'm John"结果
• 需求未覆盖：没有实现“先校验原字符串是否存在"///"序列，再执行替换”的前置判断逻辑

正确实现逻辑 #

• 构造匹配规则：要精准命中连续三个斜杠的序列，需要对正则内的斜杠做转义，匹配规则写为/\/\/\//g，可以避免误匹配1个、2个斜杠的场景。注意：正则字面量中的斜杠必须用反斜杠转义，否则会被识别为正则的闭合边界，直接触发语法错误。
• 前置校验：通过正则的test()方法快速检测原字符串中是否存在目标连续斜杠序列，满足校验要求
• 精准替换：校验通过后，把整个连续斜杠块一次性替换为单引号，不会出现逐字符替换的偏差

可运行代码示例 #

const data = 'I///m John'
// 校验是否存在连续3个斜杠
const containsTripleSlash = /\/\/\//.test(data)
let targetStr = data

if (containsTripleSlash) {
  targetStr = data.replace(/\/\/\//g, "'")
}

console.log(targetStr) // 输出：I'm John

内容的提问来源于stack exchange，提问作者Shahariar Rahman Sajib