前端url参数截取

最新推荐文章于 2024-04-16 12:58:18 发布

mwsblue

最新推荐文章于 2024-04-16 12:58:18 发布

阅读量1k

点赞数

分类专栏： js算法文章标签： js url

本文链接：https://blog.csdn.net/mwsblue/article/details/115395845

版权

js算法专栏收录该内容

8 篇文章 0 订阅

订阅专栏

这段代码定义了一个名为getUrlParam的函数，用于从URL中提取参数。当指定参数名称时，函数返回该参数的值，若存在多个同名参数则返回数组；如果不指定参数名称，函数返回所有参数组成的对象。示例中，函数被调用获取URL'http://www.nowcoder.com?key=1&key=2&key=3&test=4#hehe'中'key'的值，输出结果为['1', '2', '3']。

摘要由CSDN通过智能技术生成

获取 url 中的参数
1. 指定参数名称，返回该参数的值或者空字符串
2. 不指定参数名称，返回全部的参数对象或者 {}
3. 如果存在多个同名参数，则返回数组

function getUrlParam(sUrl, sKey) {
    sUrl = sUrl.toString();
    let allUrl = sUrl.split("?")[1].split("#")[0];

    if(sKey) {//指定参数名
       var strs = allUrl.split("&")
       var paramsArr = new Array()

       for(var i = 0,len = strs.length;i<len;i++){
         var temp = strs[i].split("=")
         if(temp[0] === sKey) {
           paramsArr.push(temp[1])
         }
       }
       if(paramsArr.length === 0){  //找不到指定参数
         return ""
       }
       else if(paramsArr.length === 1) { //只匹配到一个唯一key
         return paramsArr[0]
       }
       else { //多个同名参数key
         return paramsArr
       }
    }else { //不指定参数名
       if(allUrl === undefined || allUrl === ""){ //路径无参
         return {}
       }
       var strs = allUrl.split("&")
       var objArr = new Object()
       for(var i=0,len=strs.length;i<len;i++) { //遍历所有参数值
         var temp = strs[i].split("=")
         if(!(temp[0] in objArr)) {
           objArr[temp[0]] = []
         }
         objArr[temp[0]].push(temp[1])
       }
       return objArr
    }   
}

let params = getUrlParam("http://www.nowcoder.com?key=1&key=2&key=3&test=4#hehe","key")
console.log(params)