JavaScript獲取url中的參數

利用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/

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容