URLSearchParams 有哪些常用方法？

URLSearchParams 是一个用于处理 URL 查询参数的 API，它提供了一些常用的方法，包括：

1. append(name, value)：向查询参数中添加一个新的键值对。
2. delete(name)：从查询参数中删除指定名称的键值对。
3. get(name)：获取指定名称的第一个值。
4. getAll(name)：获取指定名称的所有值，返回一个数组。
5. has(name)：判断查询参数中是否存在指定名称的键。
6. set(name, value)：设置指定名称的值，如果存在则覆盖原有值。

除了这些常用方法外，URLSearchParams 还提供了一些其他方法，如 keys()、values()、entries() 等，用于获取查询参数中的键、值或键值对。同时，URLSearchParams 也支持迭代器，可以使用 for...of 循环遍历查询参数中的键值对。

--相关问题--:
1. URLSearchParams 适用于哪些场景？
2. URLSearchParams 和 FormData

相关问题

new URLSearchParams

`URLSearchParams` 是一个 JavaScript 内置的对象，用于处理 URL 查询参数。它提供了一组方法来解析、操作和构建 URL 查询参数。

使用 `new URLSearchParams()` 构造函数可以创建一个新的 `URLSearchParams` 对象。你可以将 URL 查询字符串作为参数传递给构造函数，也可以不传递任何参数。

以下是一些常用的 `URLSearchParams` 方法：

1. `append(name, value)`: 向查询参数中添加一个新的键值对。
2. `delete(name)`: 从查询参数中删除指定名称的键值对。
3. `get(name)`: 获取指定名称的第一个值。
4. `getAll(name)`: 获取指定名称的所有值，返回一个数组。
5. `has(name)`: 检查查询参数中是否存在指定名称的键。
6. `set(name, value)`: 设置指定名称的值，如果该名称已存在，则更新其值。
7. `sort()`: 对查询参数按照名称进行排序。

下面是一个示例代码，演示了如何使用 `URLSearchParams` 对象：

const paramsString = 'foo=bar&baz=qux';
const searchParams = new URLSearchParams(paramsString);

searchParams.append('quux', 'corge');
searchParams.delete('baz');

console.log(searchParams.toString()); // 输出：'foo=bar&quux=corge'
console.log(searchParams.get('foo')); // 输出：'bar'
console.log(searchParams.getAll('foo')); // 输出：['bar']
console.log(searchParams.has('baz')); // 输出：false

searchParams.set('foo', 'new value');
console.log(searchParams.toString()); // 输出：'foo=new%20value&quux=corge'

searchParams.sort();
console.log(searchParams.toString()); // 输出：'foo=new%20value&quux=corge'

js的 URLSearchParams

URLSearchParams 是一个 JavaScript 内置对象，用于处理 URL 查询参数。它提供了一些方法来操作 URL 查询参数，例如添加、获取、删除和修改参数。

你可以使用 URLSearchParams 构造函数来创建一个新的 URLSearchParams 对象，然后通过调用它的方法来对查询参数进行操作。下面是一些常用的方法：

- `append(name, value)`: 向查询参数中添加一个新的键值对。
- `delete(name)`: 删除指定名称的查询参数。
- `get(name)`: 获取指定名称的查询参数的值。
- `getAll(name)`: 获取指定名称的查询参数的所有值，并返回一个数组。
- `has(name)`: 检查指定名称的查询参数是否存在。
- `set(name, value)`: 设置指定名称的查询参数的值，如果该名称的参数不存在，则添加一个新的参数。
- `sort()`: 对查询参数按名称进行排序。

下面是一个示例，展示了如何使用 URLSearchParams 对象：

// 创建 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'

希望以上解释对你有帮助！如果有任何问题，请随时提问。