URLSearchParams: 浏览器中的查询字符串处理利器

一、 概述

在Web开发中，处理URL的查询字符串是一个常见任务。URLSearchParams API 提供了一种简单而强大的方法来处理Web URL的查询参数。它是一个内置的浏览器API，允许你以名称/值对的形式轻松地创建、读取、更新和删除查询参数。

二、URLSearchParams 的核心特性

• 易于使用：提供了简洁的接口来操作查询字符串。
• 链式调用：支持链式调用方法，使代码更简洁。
• 实时更新：对URLSearchParams对象所做的更改会实时反映到URL中。
• 兼容性：现代浏览器普遍支持，包括Chrome、Firefox、Safari和Edge。

三、 基本用法

1. 创建 URLSearchParams 对象

你可以通过几种方式创建URLSearchParams对象：

从现有查询字符串创建：

const queryString = new URLSearchParams(window.location.search);

从对象创建：

const params = new URLSearchParams({
   
   
  name: 'John Doe',
  age: 30
});

从数组创建：

const params = new URLSearchParams([
  ['name', 'John Doe'],
  ['age', '30']
]);

读取查询参数
使用get方法按名称获取查询参数的值：

const name = queryString.