获取url地址以及参数的优雅写法

以前我们获取url地址的参数是相当困难，作者我还经历过使用eval或者正则获取的年代，真是苦不堪言

今天给大家带来一种简便的方法，提高大家在新的一年搬砖的效率😁

首先写一个假的地址

https://www.baidu.com?topic=api

使用new URL解析url，获取一个对象urlParams

const urlParams = new URL(window.location.href);

接下来要画重点喽

// 是否有这个参数，返回布尔值
urlParams.searchParams.has("topic") === true; // true
// 获取这个参数
urlParams.searchParams.get("topic") === "api"; // true
// 获取所有这个参数，返回数组
urlParams.searchParams.getAll("topic"); // ["api"]
// 添加参数
urlParams.searchParams.append("topic", "webdev");
// 输出所有参数
urlParams.searchParams.toString(); // "topic=api&topic=webdev"
// 设置参数的值
urlParams.searchParams.set("topic", "More webdev");
urlParams.searchParams.toString(); // "q=URLUtils.searchParams&topic=More+webdev"
// 删除参数的值
urlParams.searchParams.delete("topic");
urlParams.searchParams.toString(); // "q=URLUtils.searchParams"

上面的代码如果你遇到什么问题，欢迎评论区留言，如果有用的话，请大佬给点个赞吧