https://example.com/page?name=alice&age=25

// 假設(shè)當前 URL 為：https://example.com/page?name=alice&age=25
// 獲取查詢字符串（問號后面的部分）
const queryString = window.location.search;
// 創(chuàng)建 URLSearchParams 實例
const params = new URLSearchParams(queryString);
// 獲取單個參數(shù)的值
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;
  // 構(gòu)造正則表達式，匹配 ? 或 & 后面跟隨的參數(shù)名稱和其值
  const regex = new RegExp('[?&]' + param + '=([^&#]*)', 'i');
  const result = regex.exec(url);
  return result ? decodeURIComponent(result[1]) : null;
}
// 假設(shè) 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(/^\?/, '');
  // 分割成鍵值對數(shù)組
  const pairs = queryString.split('&');
  pairs.forEach(pair => {
    if (!pair) return;
    const [key, value] = pair.split('=');
    const decodedKey = decodeURIComponent(key);
    const decodedValue = value ? decodeURIComponent(value) : '';
    // 如果鍵已經(jīng)存在，則將其轉(zhuǎn)換為數(shù)組
    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"] }