JS获取URL中参数值的4种方法

文章目录

方法1：现代浏览器都支持 URL 和 URLSearchParams 对象，可以很方便地从URL中提取参数

方法2：使用正则表达式

方法3：使用 split 和 reduce

方法4：使用 location.search 和自定义函数

方法1：现代浏览器都支持 URL 和 URLSearchParams 对象，可以很方便地从URL中提取参数

// 假设当前URL为 "https://example.com/?name=John&age=30"

const url = new URL(window.location.href); // 或者你可以直接传入一个URL字符串

const name = url.searchParams.get('name'); // "John"

const age = url.searchParams.get('age'); // "30"

console.log(name, age);

方法2：使用正则表达式

可以使用正则表达式匹配URL参数，这种方法相对较低效且较复杂，但也可以做到。

function getQueryParam(name) {

const regex