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/n/255520.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
投稿专员投稿专员
上一篇 2024-12-15 12:27
下一篇 2024-12-15 12:27

相关推荐

发表回复

登录后才能评论