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;
}