JavaScript获取网址链接URL问号?后面的参数值

作者：HConan

日期：2019年7月1日

• 链接为 http://www.test.cn/stu/?name=AA&age=25&sex=1#teacher
• 需要显示的结果要求为 {name: “AA”, age: 25, sex: 1, HASH: “teacher”}

String.prototype.myUrl = function myUrl() {
	if (this.indexOf('?') != -1) {
		let newStr = this.slice(this.indexOf('?') + 1); //从?开始截取到最后[不含问号]
		// 将#号转换成格式相同的,并进行分割为数组
		let ary = newStr.replace(/#/g, '&HASH=').split('&');
		console.log(ary); //  ["name=AA", "age=25", "sex=1", "HASH=teacher"]
		
		let obj = {};
		for (let i = 0; i < ary.length; i++) {
			// 将ary中的小数组用等号进行拆分
			let tempAry = ary[i].split('=');
			// 判定拆分后的数组第二个字符串是否为数字(当前规则不考虑=0的情况)
			if(!Number(tempAry[1])) { // 为非数字
				obj[tempAry[0]] = tempAry[1];
			} else {
				obj[tempAry[0]] = Number(tempAry[1]); // 是数字则直接转成数字显示
			}
		}
		console.log(obj); // {name: "AA", age: 25, sex: 1, HASH: "teacher"}
	}
}
let str = 'http://www.test.cn/stu/?name=AA&age=25&sex=1#teacher';
str.myUrl();