如何用JavaScript提取URL查询字符串中的指定路径片段

针对你给出的查询字符串 ?path=/dev/dev-alert-banner--alert-banner&args=alertBannerType:dark，可以用以下几种方式提取dev-alert-banner--alert-banner：

方法1：使用URLSearchParams（推荐，规范的URL参数处理方式） #

利用浏览器原生的URLSearchParams API先获取path参数的值，再拆分路径取最后一段：

// 解析查询参数
const searchParams = new URLSearchParams(window.location.search);
// 获取path参数的完整值
const path = searchParams.get('path');
// 拆分路径并取最后一部分
const target = path.split('/').pop();
console.log(target); // 输出 "dev-alert-banner--alert-banner"

方法2：基于你现有代码改进 #

你已经通过split('/').pop()得到了包含目标值和后续参数的字符串，只需再按&拆分取第一个元素即可：

const partial = window.location.search.split('/').pop();
const target = partial.split('&')[0];
console.log(target); // 输出目标值

方法3：正则表达式匹配 #

直接通过正则匹配path=/dev/之后、&之前的内容：

const regex = /path=\/dev\/([^&]+)/;
const match = window.location.search.match(regex);
const target = match ? match[1] : '';
console.log(target); // 匹配成功则输出目标值，否则为空字符串

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