宜搭通过location.search拿到的查询字符串部分,如何整理成字典形式
时间: 2024-02-28 12:52:53 浏览: 14
在宜搭中,您可以通过以下代码将查询字符串部分整理成字典形式:
```javascript
// 获取当前页面的查询字符串部分
const queryString = location.search;
// 将查询字符串解析成对象
const queryParams = {};
// 如果查询字符串非空,则将其解析成对象
if (queryString) {
// 将查询字符串去掉开头的问号
const queryStringWithoutQuestionMark = queryString.slice(1);
// 将查询字符串按照 & 符号分割成数组
const queryStringArray = queryStringWithoutQuestionMark.split('&');
// 遍历数组,将每个参数解析成键值对
for (const queryStringItem of queryStringArray) {
// 将每个参数按照等号分割成数组
const [key, value] = queryStringItem.split('=');
// 将键值对存储到 queryParams 对象中
queryParams[key] = value;
}
}
// 打印解析结果
console.log(queryParams);
```
在上面的代码中,我们首先获取当前页面的查询字符串部分,并将其保存到 `queryString` 变量中。接下来,我们创建一个空对象 `queryParams`,用于存储解析后的查询参数。如果查询字符串非空,我们将其解析成一个数组 `queryStringArray`,其中每个元素都是一个参数(例如 `key=value`)。然后,我们遍历这个数组,将每个参数解析成键值对,并将其存储到 `queryParams` 对象中。最后,我们打印出 `queryParams` 对象,以便查看解析结果。