JavaScript 获取 URL 中参数值的方法详解(最新整理)

// 假设当前 url 为：https://example.com/page?name=alice&age=25
// 获取查询字符串（问号后面的部分）
const querystring = window.location.search;
// 创建 urlsearchparams 实例
const params = new urlsearchparams(querystring);
// 获取单个参数的值
const name = params.get('name'); // "alice"
const age = params.get('age');   // "25"
console.log('name:', name);
console.log('age:', age);

function getqueryparam(param) {
  const url = window.location.href;
  // 构造正则表达式，匹配 ? 或 & 后面跟随的参数名称和其值
  const regex = new regexp('[?&]' + param + '=([^&#]*)', 'i');
  const result = regex.exec(url);
  return result ? decodeuricomponent(result[1]) : null;
}
// 假设 url 为：https://example.com/page?name=alice&age=25
console.log(getqueryparam('name')); // "alice"
console.log(getqueryparam('age'));  // "25"

function parsequerystring(querystring) {
  const params = {};
  // 移除问号
  querystring = querystring.replace(/^\?/, '');
  // 分割成键值对数组
  const pairs = querystring.split('&');
  pairs.foreach(pair => {
    if (!pair) return;
    const [key, value] = pair.split('=');
    const decodedkey = decodeuricomponent(key);
    const decodedvalue = value ? decodeuricomponent(value) : '';
    // 如果键已经存在，则将其转换为数组
    if (params[decodedkey]) {
      if (array.isarray(params[decodedkey])) {
        params[decodedkey].push(decodedvalue);
      } else {
        params[decodedkey] = [params[decodedkey], decodedvalue];
      }
    } else {
      params[decodedkey] = decodedvalue;
    }
  });
  return params;
}
// 示例：url 为：https://example.com/page?name=alice&age=25&hobby=reading&hobby=swimming
const querystring = window.location.search;
const queryparams = parsequerystring(querystring);
console.log(queryparams);
// 输出: { name: "alice", age: "25", hobby: ["reading", "swimming"] }