JavaScript之切割路径并返回对应的值splitnewURLSearchParamsgeturl处理URL的查询字符串

Posted 2022-03-19 web半晨

目录

• 1、原始方式（原理）
• 2、API方式（官网提供）
• 3、相关链接

---

1、原始方式（原理）

function cuttingPath(str = '', key = '') 
	// 判空处理
	if (!str || !key) return '参数不能为空！';
	
	str = str.split('?')[1].split('&');
	
	let obj = ;
	
	for (let i = 0; i < str.length; i++) 
	    let item = str[i];
	    item = item.split('=');
	    // 往obj对象中存储切割好的数据
	    obj[item[0]] = item[1];
	
	
	// 根据key返回对应的值
	return obj[key] || 'undefined';


console.log(cuttingPath('https://www.baidu.com/s?tn=02003390_23_hao_pg&wd=javascript路径切割&oq=JavaScript', 'tn'));
// 02003390_23_hao_pg
console.log(cuttingPath('https://www.baidu.com/s?tn=02003390_23_hao_pg&wd=JavaScript路径切割&oq=JavaScript', 't'));
// undefined
console.log(cuttingPath('', 'wd'));
// 参数不能为空！
console.log(cuttingPath());
// 参数不能为空！

---

2、API方式（官网提供）

let str = 'https://example.com/?name=半晨&nickname=舒冬',
    intercept = new URLSearchParams(str.split('?')[1]);

console.log(intercept.get('name'));
// 半晨
console.log(intercept.get('nickname'));
// 舒冬
console.log(intercept.get('age'));
// null
console.log(intercept.get(''));
// null
console.log(intercept.get());
// Uncaught TypeError: Failed to execute 'get' on 'URLSearchParams': 1 argument required, but only 0 present.

---

3、相关链接

URLSearchParams/get