编写正则仅替换mainCategory、subCategory内斜杠为%2F，不改动其他分隔斜杠

现有实现的问题 #

• 直接调用string.replace("/", "%2F")在JS环境下仅会替换全局第一个匹配的斜杠，无法覆盖值内部的所有斜杠
• 如果改用全局正则/\//g做全量替换，会把字符串中所有作为字段分隔符的斜杠也一并替换，完全无法满足定制化处理的要求

核心实现思路 #

当前拼接的字符串结构是完全固定的，所有字段边界都由硬编码的固定标识（cn、st、mc、sc、ty等）分隔，我们可以直接利用这些固定标识作为锚点，精准圈定需要处理的两个字段的取值范围，仅对范围内的斜杠做替换，范围外的结构分隔斜杠完全保留：

• mainCategory的取值范围：固定标识/mc/之后，到下一个固定标识/sc/之前的所有内容
• subCategory的取值范围：固定标识/sc/之后，到下一个固定标识/ty/之前的所有内容

完整代码示例 #

// 原始拼接完成的字符串
const rawString = "cn/Nemesis Group/st/2/ic/null/pr/1 - High/es/null/mc/Add/Button/sc/Core/Label/ty/str"

// 正则规则：拆分固定标识和字段值
// 捕获组1：固定的/mc/标识，捕获组2：mc字段的实际取值
// 捕获组3：固定的/sc/标识，捕获组4：sc字段的实际取值
const targetRegex = /(\/mc\/)(.*?)(?=\/sc\/)|(\/sc\/)(.*?)(?=\/ty\/)/g

// 执行替换逻辑
const processedString = rawString.replace(targetRegex, (match, mcPrefix, mcValue, scPrefix, scValue) => {
  // 处理mc字段：保留固定标识前缀，仅替换值内部的斜杠
  if (mcPrefix) return `${mcPrefix}${mcValue.replace(/\//g, '%2F')}`
  // 处理sc字段：保留固定标识前缀，仅替换值内部的斜杠
  if (scPrefix) return `${scPrefix}${scValue.replace(/\//g, '%2F')}`
})

// 最终输出符合要求的字符串：
// "cn/Nemesis Group/st/2/ic/null/pr/1 - High/es/null/mc/Add%2FButton/sc/Core%2FLabel/ty/str"
console.log(processedString)

兼容低版本环境的调整 #

如果运行环境不支持正向零宽断言（如旧版IE），可以将正则调整为把分隔标识纳入匹配范围，替换时直接保留分隔内容即可：

// 调整后的正则（无需零宽断言）
const legacyRegex = /(\/mc\/)(.*?)(\/sc\/)|(\/sc\/)(.*?)(\/ty\/)/g

const legacyProcessed = rawString.replace(legacyRegex, (match, mcPrefix, mcValue, scSuffix, scPrefix, scValue, tySuffix) => {
  if (mcPrefix) return `${mcPrefix}${mcValue.replace(/\//g, '%2F')}${scSuffix}`
  if (scPrefix) return `${scPrefix}${scValue.replace(/\//g, '%2F')}${tySuffix}`
})

方案优势 #

• 无结构误改风险：所有需要替换的斜杠都被固定标识严格圈定，结构上的分隔斜杠会被完整保留
• 适配任意值长度：不管mainCategory、subCategory的值内部包含多少个斜杠，只要在对应字段区间内，都会被正确替换为%2F
• 无侵入性：不需要修改原有的字符串拼接逻辑，仅需在拼接完成后执行一次正则处理即可

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