如何在JavaScript中解析并操作URL查询参数？

在JavaScript中，你可以使用内置的`URLSearchParams` API 来解析和操作URL查询参数。以下是基本的操作步骤：

1. **获取查询字符串**:
首先，你需要创建一个`URLSearchParams`实例，通常从当前页面的URL开始。例如，如果你有一个查询参数 `?name=John&age=30`，可以这样做：

var urlParams = new URLSearchParams(window.location.search);

2. **读取参数值**:
使用`get()`方法获取特定键的值：

var name = urlParams.get('name'); // 'John'
var age = urlParams.get('age'); // '30'

3. **检查参数是否存在**:
可以使用`has()`方法检查某个键是否存在：

if (urlParams.has('username')) {
    console.log('Username exists');
}

4. **设置/更新参数值**:
要更新或设置值，使用`set()`方法：

urlParams.set('city', 'New York'); // 更新或添加城市参数

5. **删除参数**:
使用`delete()`方法删除参数：

urlParams.delete('age'); // 删除年龄参数

6. **迭代所有参数**:
如果你想遍历所有的键值对，可以使用`entries()`、`keys()`或`values()`方法：

for (let [key, value] of urlParams.entries()) {
    console.log(`${key}: ${value}`);
}

7. **将查询参数附加到URL**:
若要改变URL并反映更改，可以调用`toString()`方法：

var newUrl = window.location.origin + window.location.pathname + '?' + urlParams.toString();
window.history.pushState(null, null, newUrl);