## 方式一： ### 文檔說明 ```bash # 如果不傳則獲取路由參數。返回對象。如果重復給參數，則和 vue-router 一樣，都是以數組返回 getAllUrlParams([url]) ``` ### 代碼 ~~~ // 獲取url參數 function getAllUrlParams(urls) { var url = urls || location.href // 用JS拿到URL，如果函數接收了URL，那就用函數的參數。如果沒傳參，就使用當前頁面的URL var queryString = url ? url.split('?')[1] : window.location.search.slice(1); // 用來存儲我們所有的參數 var obj = {}; // 如果沒有傳參，返回一個空對象 if (!queryString) { return obj; } // stuff after # is not part of query string, so get rid of it queryString = queryString.split('#')[0]; // 將參數分成數組 var arr = queryString.split('&'); for (var i = 0; i < arr.length; i++) { // 分離成key:value的形式 var a = arr[i].split('='); // 將undefined標記為true var paramName = a[0]; var paramValue = typeof (a[1]) === 'undefined' ? true : a[1]; if (paramName.match(/\[(\d+)?\]$/)) { // 如果paramName不存在，則創建key var key = paramName.replace(/\[(\d+)?\]/, ''); if (!obj[key]) obj[key] = []; // 如果是索引數組 e.g. colors[2] if (paramName.match(/\[\d+\]$/)) { // 獲取索引值并在對應的位置添加值 var index = /\[(\d+)\]/.exec(paramName)[1]; obj[key][index] = paramValue; } else { // 如果是其它的類型，也放到數組中 obj[key].push(paramValue); } } else { // 處理字符串類型 if (!obj[paramName]) { // 如果如果paramName不存在，則創建對象的屬性 obj[paramName] = paramValue; } else if (obj[paramName] && typeof obj[paramName] === 'string') { // 如果屬性存在，并且是個字符串，那么就轉換為數組 obj[paramName] = [obj[paramName]]; obj[paramName].push(paramValue); } else { // 如果是其它的類型，還是往數組里丟 obj[paramName].push(paramValue); } } } return obj; } ~~~ ## 方法二： ``` export const getQueryString = (name) => { const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); const search = window.location.search.split('?')[1] || ''; const r = search.match(reg) || []; return r[2]; } ```