如何基于指定模板移除URL字符串中动态占位对应内容？

核心思路是拆分模板的固定片段，再通过固定片段定位目标URL中的动态内容位置，最终拼接固定片段得到结果，完全基于模板结构自动识别，不需要手动编写正则，适配模板变更的场景。

实现代码（JavaScript） #

function removeDynamicSegments(template, fullURL) {
  // 将模板按占位符{xxx}拆分，得到所有固定片段
  const fixedSegments = template.split(/\{[^}]+\}/);
  let modifiedURL = '';
  let currentPos = 0;

  for (const segment of fixedSegments) {
    // 在目标URL中找到当前固定片段的位置（从上次结束的位置开始找）
    const segmentIndex = fullURL.indexOf(segment, currentPos);
    // 如果模板和URL不匹配，直接返回原URL
    if (segmentIndex === -1) return fullURL;
    
    // 将固定片段追加到结果中
    modifiedURL += segment;
    // 更新位置到当前固定片段的末尾
    currentPos = segmentIndex + segment.length;
  }

  return modifiedURL;
}

测试示例 #

// 模板与目标URL
const ptrn = "url/{test1}/url2/{test2}/url3?param1=&param2=";
const fullURL = "url/abcd/url2/efgh/url3?param1=&param2=";

// 执行函数
const modifiedfullURL = removeDynamicSegments(ptrn, fullURL);
console.log(modifiedfullURL);
// 输出："url//url2//url3?param1=&param2="

方案优势 #

• 完全适配模板变更：不管模板中的占位符位置、数量怎么变，只要固定片段与URL对应，就能正确移除动态内容
• 无需正则转义：避免了模板中包含?、&等正则特殊字符时的转义问题
• 兼容性强：支持路径中的动态片段，也支持查询参数中的动态片段（比如page?param={test}&id=123这类模板）

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