在前端开发中，我们常常需要对 URL 进行处理，比如对参数进行提取、拼接等等。url_washer 是一个可轻松处理这些问题的 npm 包，本文将为大家介绍如何使用。
安装
打开终端，执行以下命令即可安装：
npm install url_washer --save
引入
在项目中使用时，需先引入：
const urlWasher = require('url_washer');参数提取
问题背景
我们经常需要提取 URL 中的参数，比如以下这个 URL：
http://www.example.com/search.php?user=123456&keywords=JavaScript&page=1
我们想要从中提取出 user、keywords、page 这三个参数值。
示例代码
const url = 'http://www.example.com/search.php?user=123456&keywords=JavaScript&page=1'; const params = urlWasher.queryParams(url); console.log(params.user) // 123456 console.log(params.keywords) // JavaScript console.log(params.page) // 1
参数拼接
问题背景
有时我们需要根据已有 URL ，拼接参数生成新的 URL，比如以下这个 URL：
http://www.example.com/search.php
我们想要在此基础上拼接参数选项，生成下列 URL：
http://www.example.com/search.php?user=123456&keywords=JavaScript&page=1
示例代码
-- -------------------- ---- ------- ----- ------- - ------------------------------------ ----- ----------- - - ----- --------- --------- ------------- ----- - -- ----- ------ - --------------------------------- ------------- ------------------- -- ------------------------------------------------------------------------
URL 处理
问题背景
URL 中常常会存在无用参数或者 hash 值等需要去除的部分，比如以下这个 URL：
http://www.example.com/search.php?user=123456&keywords=JavaScript&page=1#top
我们想要将其处理为：
http://www.example.com/search.php
示例代码
const url = 'http://www.example.com/search.php?user=123456&keywords=JavaScript&page=1#top'; const newUrl = urlWasher.filterHashAndParams(url); console.log(newUrl) // http://www.example.com/search.php
小结
url_washer 是一款简单易用的 URL 处理工具，能够方便快捷地处理 URL 中的参数和无用部分，让开发者能够更加高效地进行开发。在实际开发中，我们可以根据需要选择使用其中相应的功能，以满足我们的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/76251