如何在JavaScript中提取作为函数参数传入的链接的指定查询参数值

直接使用浏览器原生的URL和URLSearchParams接口实现，无需手动编写字符串切割逻辑，也不依赖window.location对象，适配传入URL参数的场景。

代码实现 #

function getKeywordFromUrl(inputUrl) {
  // 基于传入的URL字符串构造URL对象
  const url = new URL(inputUrl);
  // 直接从query参数中获取keyword的值，自动完成URL解码
  return url.searchParams.get('keyword');
}

使用示例 #

const targetUrl = 'https://app.ticketmaster.com/discovery/v2/events?apikey=xxxxxx&keyword=Sarah%20Jarosz&latlong=xx.xxxxx,-xxx.xxxx&radius=15&unit=miles&locale=';
const keyword = getKeywordFromUrl(targetUrl);
console.log(keyword); // 输出结果：Sarah Jarosz

补充说明 #

• 若URL中不存在keyword参数，get()方法会返回null，可根据业务需求补充默认值兜底逻辑
• 该方案原生支持自动解码URL编码字符（如示例中的%20自动转为空格）
• 现代浏览器、Node.js 10+版本均原生支持该接口，如需兼容IE等极低版本环境，只需引入对应轻量polyfill即可，无需自行实现解析逻辑

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