js获取 url 参数

js获取 url 参数

获取 url 中的参数

1. 指定参数名称，返回该参数的值 或者 空字符串

2. 不指定参数名称，返回全部的参数对象 或者 {}

3. 如果存在多个同名参数，则返回数组

4. 不支持URLSearchParams方法

function getUrlParam(sUrl, sKey) {
    let sParam = sUrl.split("?")[1].split("#")[0];  //key=1&key=2&key=3&test=4
    let arr = sParam.split("&"); //["key=1","key=2","key=3","test=4"]
    let res;
    if( sKey ){//如果指定参数
    	res = [];
    	for( let i = 0; i < arr.length; i++ ){
    		var temp = arr[i].split("=");
    		if( temp[0] === sKey ){
    			res.push( temp[1] ); //res只存储指定key值的结果
    		}
    	}
    	if( res.length == 1 ){
    		return res[0];
    	}else if( res.length == 0 ){
    		return "";
    	}else{
    		return res;
    	}
    	
    }
    else{//如果不指定参数
    	res = {};
    	if( sParam==undefined || sParam=="" ){
    		return res;
   		}
    	for( let i = 0; i < arr.length; i++ ){
    		var temp = arr[i].split("=");
    		if( !(temp[0] in res) ){
    			res[temp[0]] = []; //temp[0]为键，temp[1]的数组为值
    		}
    		res[temp[0]].push(temp[1]); //使用变量动态访问对象属性用obj[a]不能用obj.a
    	}
    	
    }
    return res;
}

var paramArr = sUrl.split('?')[1].split('#')[0].split('&'); // 取出每个参数的键值对放入数组
const obj = {};
paramArr.forEach(element => {
const [key, value] = element.split('=');  // 取出数组中每一项的键与值
if(obj[key] === void 0){   // 表示第一次遍历这个元素，直接添加到对象上面
obj[key]=value
} else{
obj[key]=[].concat(obj[key],value); // 表示不是第一次遍历说明这个键已有，通过数组存起来。
}});
return sKey===void 0? obj:obj[sKey]||''   // 如果该方法为一个参数，则返回对象。
//如果为两个参数，sKey存在，则返回值或数组，否则返回空字符。

function getUrlParam(sUrl, sKey) {
   var r=/(\?|&)(\w+)\=(\w+)/g;
   var res={};
   while(r.exec(sUrl)!=null){
       if(res[RegExp.$2]){
           var temp=res[RegExp.$2];
           res[RegExp.$2]=[].concat(temp,RegExp.$3)
       }else{
           res[RegExp.$2]=RegExp.$3;
       }
   }
   if(sKey) {
       return res[sKey]||'';
   }
   return res;
}