js解析url參數的方法「js解析url參數」

// 你是不是醬紫~
let url = window.location.search // 拿到url參數
//然後 分割、截取 ...

相信很多前端在成長是過程中都這樣拿過參數 反正很繁瑣 也不高大尚~

這裡有兩種方法你可以比較一下那種很好用:

  • 第一種
/**
* @param{name} 要獲取的參數名
**/
function getUrlParam(name) {   
    let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    let r = window.location.search.substr(1).match(reg);
    if(r!=null) return r[2]; return null;
  }

(正則欠缺的你要趕緊補補啦~)

  • 第二種

這一種看起來會更易懂些 簡單粗暴的遍歷~

/**
 * @param {String} url
 * @description 從URL中解析參數
 */
const getUrlParams = (url) => {
  const keyValueArr = url.split("?")[1].split("&");
  let paramObj = {};
  keyValueArr.forEach((item) => {
    const keyValue = item.split("=");
    paramObj[keyValue[0]] = keyValue[1];
  });
  return paramObj;
}

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/255520.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-15 12:27
下一篇 2024-12-15 12:27

相關推薦

發表回復

登錄後才能評論