js解析url查询参数

最新推荐文章于 2024-08-11 08:19:26 发布

gigi就是我

最新推荐文章于 2024-08-11 08:19:26 发布

阅读量8.3k

点赞数 1

分类专栏： javascript 面试文章标签： javascript

本文链接：https://blog.csdn.net/crystal6918/article/details/76763738

版权

javascript 同时被 2 个专栏收录

100 篇文章 0 订阅

订阅专栏

面试

62 篇文章 1 订阅

订阅专栏

split方法

var path = 'www.u.com/home?id=2&type=0&dtype=-1';

function parseUrl(url){
    var result = [];
    var query = url.split("?")[1];
    var queryArr = query.split("&");
    queryArr.forEach(function(item){
        var obj = {};
        var value = item.split("=")[1];
        var key = item.split("=")[0];
        obj[key] = value;
        result.push(obj);
    });
    return result;
}

console.log(parseUrl(path)); 
//[{id: '2'},{type: '0'},{dtype: '-1'}]

正则

var regex = /[^&=?]+=[^&]*/g;
var res = url.match(regex);

//example:

res =  "www.u.com/home?id=2&type=0&dtype=-1".match(refex);
//["id=2", "type=0", "dtype=-1"]

也可以写一个方法用来取得具体的一个参数值：

var getParamValue = function(url,key){
    var regex = new RegExp(key+"=([^&]*)","i");
    return url.match(regex)[1];

}

getParamValue( "www.u.com/home?id=2&type=0&dtype=-1","id")
//2

getParamValue( "www.u.com/home?id=2&type=0&dtype=-1","dtype");
//-1

getParamValue( "www.u.com/home?id=2&type=0&dtype=-1","type")
//0