javascript如何操作URL_怎样解析和修改查询参数？

JavaScript 操作 URL 的核心是 URL 和 URLSearchParams 接口：URL 解析完整 URL 为结构化对象，URLSearchParams 专门处理查询参数的增删改查并自动编码，修改后需手动赋值 url.search 才生效。

JavaScript 操作 URL 的核心是 URL 和 URLSearchParams 这两个原生接口，它们让解析和修改查询参数变得简单、安全、无需正则或手动拼接。

用 URL 构造函数解析完整 URL

把字符串转成结构化对象，能直接读取协议、域名、路径、哈希和查询参数：

const url = new URL('https://example.com/search?q=js&sort=date&tag=web#section1');
console.log(url.origin);     // "https://example.com"
console.log(url.pathname);   // "/search"
console.log(url.hash);       // "#section1"
console.log(url.search);     // "?q=js&sort=date&tag=web"

登录后复制

注意：url.search 是带问号的完整查询字符串；真正操作参数要用下面的 URLSearchParams。

用 URLSearchParams 解析和修改查询参数

URLSearchParams 是专门处理 search 部分的接口，支持增删改查，自动编码，不关心顺序：

立即学习“Java免费学习笔记（深入）”；

• 读取参数：用 get()（单值）、getAll()（允许多值）、has() 判断是否存在
• 设置参数：用 set(key, value) —— 覆盖已有值；用 append(key, value) —— 允许重复键（如 ?tag=a&tag=b）
• 删除参数：用 delete(key)，可删单个或全部同名项
• 遍历参数：支持 for...of、entries()、keys()、values()

示例：

标签： javascript java js 编码 浏览器 app edge safari win