利用JavaScript獲取url中的參數是一個很常用的程序,也是前端面試常有的面試題.實現這個程序的方法有很多種,通常采用正則匹配或者字符串截取的方法. 正則匹配是一個比較好的方法,不過對于不會正則的前端初學者不太適合.這里采用轉化為對象的方法.代碼如下:
function getUrl(url) {
let str = url.split('?')[1], // 通過"?"得到一個數組,取?后面的參數
items = str.split('&') // 通過"&"分割成數組
let arr, name, value
let result = {}
for (let i = 0; i < items.length; i++) {
arr = items[i].split('=') // 通過"="分割出每個參數的key和value
name = arr[0]
value = arr[1]
result[name] = value
}
return result
}
var url = 'http://www.baidu.com?key1=1&key2=2&key3=3'
console.log(getUrl(url).key2) // 2
這個方法理解容易,而且使用方便,也不用擔心參數的順序.
查看原文:https://blog.noob6.com/2018/06/04/the-way-to-get-query-in-url/