如何从location的search属性值中解析出每个请求参数的key和value值

雙魚兒

于 2021-02-02 11:43:53 发布

阅读量724

点赞数 1

分类专栏： JS 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/u010289890/article/details/113547277

版权

JS 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个用于解析URL中查询参数的JavaScript函数。该函数能够从URL的查询字符串中获取键值对，并将其转换为易于操作的对象格式。文章通过具体实例展示了如何使用此函数来处理包含多个参数的查询字符串。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function getSearchParams(search) {
	const searchParams = {}
	const searchStr = search.substring(1)	// 如果location中有search值，去除search值中的第一个字符‘?’
	const searchArr = searchStr.length ? searchStr.split('&') : [] // 以 & 符为分隔符，解析出key value 组合，组合的形式为'key=value'
	searchArr.forEach(item => {
		let keyAndValue =  item.split('=')	// 以 = 为分隔符，解析出key 和 value,其中数组的第一项为key，数组的第二项为value
		let key = decodeURIComponent(keyAndValue[0])    // 如果查询参数中包含中文，会被编码成一串字符串，需要使用decodeURIComponent进行解码
		let value = decodeURIComponent(keyAndValue[1])
		if(key){
			searchParams[key] = value
		}
	})
	return searchParams
}

getSearchParams('?name=sunyuxia&age=18')    // {name: "sunyuxia", age: "18"}