在现代 web 开发中，处理 URL 是非常普遍的事情，因为它是 web 应用程序的一部分。处理 URL 包括解析 URL、构建 URL、添加查询参数、删除查询参数等等。在 JavaScript 语言中，没有内置的 URL 处理库，但是可以使用第三方 npm 包 @ianwalter/url 来处理 URL。
什么是 @ianwalter/url？
@ianwalter/url 是一个 npm 包，用于处理 URL。它具有完整的 URL API，并支持 URL 解析、构建和修改。此外，它还有一些常用的 URL 操作和验证，例如添加查询参数、删除查询参数、获取主机名等等。
安装
通过 npm 安装 @ianwalter/url：
npm install @ianwalter/url
使用
解析 URL
要解析 URL，可以使用 parse 方法。它将 URL 字符串解析为一个包含 URL 所有组成部分的对象。
const { parse } = require('@ianwalter/url')
const url = parse('https://example.com/abc?foo=bar')
console.log(url)上面的例子将输出以下内容：
-- -------------------- ---- ------- - --------- --------- --------- --- --------- --- --------- -------------- ----- --- --------- ------- ------- ----------- ----- -- -
构建 URL
要构建 URL，可以使用 format 方法。它将一个包含 URL 组成部分的对象格式化为 URL 字符串。
-- -------------------- ---- ------- ----- - ------ - - ------------------------- ----- --- - -------- --------- --------- --------- -------------- ----- ------- ------ - ---- ------ ---- ----- - -- ----------------
上面的例子将输出以下内容：
https://example.com/abc?foo=bar&baz=qux
添加查询参数
要添加查询参数，可以使用 addQuery 方法。
const { addQuery } = require('@ianwalter/url')
const url = 'https://example.com/abc?foo=bar'
const newUrl = addQuery(url, { baz: 'qux' })
console.log(newUrl)上面的例子将输出以下内容：
https://example.com/abc?foo=bar&baz=qux
删除查询参数
要删除查询参数，可以使用 removeQuery 方法。它接受一个字符串或字符串数组作为参数并将其从 URL 中删除。
const { removeQuery } = require('@ianwalter/url')
const url = 'https://example.com/abc?foo=bar&baz=qux'
const newUrl = removeQuery(url, 'baz')
console.log(newUrl)上面的例子将输出以下内容：
https://example.com/abc?foo=bar
获取主机名
要获取 URL 的主机名，可以使用 getHostname 方法。
const { getHostname } = require('@ianwalter/url')
const url = 'https://example.com/abc?foo=bar&baz=qux'
const hostname = getHostname(url)
console.log(hostname)上面的例子将输出以下内容：
example.com
结语
@ianwalter/url 是一个非常方便的包，用于处理 URL。本文中，我详细地介绍了它的用法，并提供了示例代码。希望这篇文章对您有所帮助，并能更好地处理 URL。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f70b4aea9b7065299ccbb2f