js的 URLSearchParams
时间: 2023-11-17 12:46:51 浏览: 35
URLSearchParams 是一个 JavaScript 内置对象,用于处理 URL 查询参数。它提供了一些方法来操作 URL 查询参数,例如添加、获取、删除和修改参数。
你可以使用 URLSearchParams 构造函数来创建一个新的 URLSearchParams 对象,然后通过调用它的方法来对查询参数进行操作。下面是一些常用的方法:
- `append(name, value)`: 向查询参数中添加一个新的键值对。
- `delete(name)`: 删除指定名称的查询参数。
- `get(name)`: 获取指定名称的查询参数的值。
- `getAll(name)`: 获取指定名称的查询参数的所有值,并返回一个数组。
- `has(name)`: 检查指定名称的查询参数是否存在。
- `set(name, value)`: 设置指定名称的查询参数的值,如果该名称的参数不存在,则添加一个新的参数。
- `sort()`: 对查询参数按名称进行排序。
下面是一个示例,展示了如何使用 URLSearchParams 对象:
```javascript
// 创建 URLSearchParams 对象
const params = new URLSearchParams();
// 向查询参数中添加键值对
params.append('name', 'John');
params.append('age', '30');
// 获取查询参数的值
console.log(params.get('name')); // 输出:John
// 修改查询参数的值
params.set('name', 'Jane');
console.log(params.get('name')); // 输出:Jane
// 删除查询参数
params.delete('age');
console.log(params.get('age')); // 输出:null
// 检查查询参数是否存在
console.log(params.has('name')); // 输出:true
// 获取所有具有相同名称的查询参数的值
params.append('hobby', 'reading');
params.append('hobby', 'swimming');
console.log(params.getAll('hobby')); // 输出:['reading', 'swimming']
// 对查询参数按名称进行排序
params.sort();
console.log(params.toString()); // 输出:'name=Jane&hobby=reading&hobby=swimming'
```
希望以上解释对你有帮助!如果有任何问题,请随时提问。