查询字符串参数转化为JSON对象

引子

工作中经常需要获取浏览器地址栏URL的参数，常用的套路便是将这些参数转化为键值对，方法有许多，我喜欢简单明了，所以尝试自己总结下。

过程

首先，获取参数字符串

location.search.slice(1);

这里用到了location和slice

然后，将参数转为数组，然后在数组里做文章。

var pairs=location.search.slice(1).split('&');

接下来，使用forEach遍历pairs，并在每次遍历时使用=分隔符，来提取键值对。当然，一些可能遇到的场景也需要考虑下，比如，值为空和使用decodeURIComponent解码一下。

var pairs = location.search.slice(1).split('&');

var result = {};
pairs.forEach(function(pair) {
    pair = pair.split('=');
    result[pair[0]] = decodeURIComponent(pair[1] || '');
});

最后一步，相当简单，使用JSON.stringify解析一下，然后用JSON.parse再转化回来。

JSON.parse(JSON.stringify(result));

最终代码

function QueryStringToJSON() {            
    var pairs = location.search.slice(1).split('&');
    
    var result = {};
    pairs.forEach(function(pair) {
        pair = pair.split('=');
        result[pair[0]] = decodeURIComponent(pair[1] || '');
    });

    return JSON.parse(JSON.stringify(result));
}

var query_string = QueryStringToJSON();