在现代 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：
--- ------- --------------
使用
解析 URL
要解析 URL，可以使用 parse 方法。它将 URL 字符串解析为一个包含 URL 所有组成部分的对象。
----- - ----- - - ------------------------- ----- --- - ---------------------------------------- ----------------
上面的例子将输出以下内容：
- --------- --------- --------- --- --------- --- --------- -------------- ----- --- --------- ------- ------- ----------- ----- -- -
构建 URL
要构建 URL，可以使用 format 方法。它将一个包含 URL 组成部分的对象格式化为 URL 字符串。
----- - ------ - - ------------------------- ----- --- - -------- --------- --------- --------- -------------- ----- ------- ------ - ---- ------ ---- ----- - -- ----------------
上面的例子将输出以下内容：
---------------------------------------
添加查询参数
要添加查询参数，可以使用 addQuery 方法。
----- - -------- - - ------------------------- ----- --- - --------------------------------- ----- ------ - ------------- - ---- ----- -- -------------------
上面的例子将输出以下内容：
---------------------------------------
删除查询参数
要删除查询参数，可以使用 removeQuery 方法。它接受一个字符串或字符串数组作为参数并将其从 URL 中删除。
----- - ----------- - - ------------------------- ----- --- - ----------------------------------------- ----- ------ - ---------------- ------ -------------------
上面的例子将输出以下内容：
-------------------------------
获取主机名
要获取 URL 的主机名，可以使用 getHostname 方法。
----- - ----------- - - ------------------------- ----- --- - ----------------------------------------- ----- -------- - ---------------- ---------------------
上面的例子将输出以下内容：
-----------
结语
@ianwalter/url 是一个非常方便的包，用于处理 URL。本文中，我详细地介绍了它的用法，并提供了示例代码。希望这篇文章对您有所帮助，并能更好地处理 URL。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f70b4aea9b7065299ccbb2f