js获取url问题后面的参数,将参数转为对象结构
时间: 2023-08-08 16:01:01 浏览: 73
在JavaScript中可以使用URLSearchParams对象来获取URL中的参数,并将参数转换为对象结构。
首先,我们可以通过window.location对象的search属性获取URL中的参数部分。例如,对于URL "https://www.example.com/?name=John&age=25",可以使用window.location.search来获取"?name=John&age=25"。
接下来,可以使用URLSearchParams对象来解析参数字符串。我们可以使用URLSearchParams的构造函数,将参数字符串作为参数传入,并使用get()方法获取特定参数的值。例如,对于上述的URL,可以使用以下代码来获取name和age参数的值:
```javascript
const params = new URLSearchParams(window.location.search);
const name = params.get("name"); // "John"
const age = params.get("age"); // "25"
```
如果我们希望将所有参数转换为对象结构,可以使用for...of循环遍历URLSearchParams对象。然后,使用Object.assign()方法将每个参数键值对添加到一个空对象中。例如:
```javascript
const params = new URLSearchParams(window.location.search);
const queryParams = {};
for(const param of params) {
const [key, value] = param;
queryParams[key] = value;
}
console.log(queryParams); // { name: "John", age: "25" }
```
通过上述步骤,我们成功将URL中的参数转换为一个包含参数键值对的对象结构。可以根据需要进一步处理和使用这些参数。