一種快速構造和獲取URL查詢參數的方法：URLSearchParams

URLSearchParams 接口定義了一些實用的方法來處理 URL 的查詢字符串。

URLSearchParams()是個構造函數，將返回一個能夠操做查詢字符串的對象。

經常使用方法：

一、構造查詢字符串

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()方法

二、獲取查詢字符串參數

// 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"] 

兼容性：

兼容性較差

建議使用polyfill:https://github.com/WebReflection/url-search-params

來源：https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams