URLSearchParams_js中快速构造和获取URL查询参数的方法
URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。URLSearchParams()是个构造函数,将返回一个可以操作查询字符串的对象。
常用方法:
1、构造查询字符串
const query = new URLSearchParams(); query.append("a", 1); query.append("b", 2); const queryString = query.toString(); // "a=1&b=2" const url = `https://www.abc.com?${query}`; // 将自动调用query的toString()方法
2、获取查询字符串参数
// current url: https://www.abc.com?a=1&b=2
const query = new URLSearchParams(location.search);
query.get("a"); // "1"
query.get("b"); // "2"
query.getAll("a"); // ["1"]
3、其它方法
URLSearchParams.delete()从搜索参数列表里删除指定的搜索参数及其对应的值。
URLSearchParams.entries() 返回一个iterator可以遍历所有键/值对的对象。
URLSearchParams.getAll() 获取指定搜索参数的所有值,返回是一个数组。
URLSearchParams.has() 返回 Boolean 判断是否存在此搜索参数。
URLSearchParams.keys() 返回iterator 此对象包含了键/值对的所有键名。
URLSearchParams.set() 设置一个搜索参数的新值,假如原来有多个值将删除其他所有的值。
URLSearchParams.sort() 按键名排序。
URLSearchParams.toString() 返回搜索参数组成的字符串,可直接使用在URL上。
URLSearchParams.values() 返回iterator 此对象包含了键/值对的所有值。
兼容性:
兼容性较差
建议使用polyfill:https://github.com/WebReflection/url-search-params
来源:https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams
本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!