获取url参数
题目:
获取 url 中的参数
- 指定参数名称,返回该参数的值 或者 空字符串
- 不指定参数名称,返回全部的参数对象 或者 {}
- 如果存在多个同名参数,则返回数组
- 不支持URLSearchParams方法
解答:
var s = 'http://www.nowcoder.com?key=1&key=2&key=3&test=4#hehe';
function getUrlParam (url, sKey) {
var result = {};
//排除‘#’等不相关的内容
url = url.split('#')[0]
//判断是否有参数,没有返回空对象
if (url.indexOf('?') < 0) { // 没有 ? ,则没有参数
return result;
}
url = url.split('?');
url = url[1].split('&');
let sUrl = url.slice(0); // 这时候 sUrl 形如 ["key=1","key=2","key=3","test=4"]
//遍历数组
for (var idx in sUrl) {
var current = url[idx].split('='); // 形如:["key", '1']
var key = current[0];
//当对象这个属性存在,把值放进数组中
if (result[key]) {
result[key] = [].concat(result[key], current[1]);
} else {
result[key] = current[1];
}
}
// url : http://www.baidu.com?key=1&key=2&key=3&test=4&tt=5&test=2
// 这时候 result 形如:{"key":["1","2","3"],"test":["4","2"],"tt":["5"]}
//如果指定了参数名,返回相应值
if (sKey) {
return result[sKey] || '';
} else {
return result;
}
}
getUrlParam(s);
知识点:split()分割字符串函数、数组