javascript - 在javascript中解析QueryString

Question

我知道有多种库或方法可以从 queryString 中获取数据。但是，我正在尝试学习 javascript，所以决定自己编写，如下所示:

function parseQueryString() {
    var qs = window.location.href.split('?')[1];
    var item = qs.split('&');
    var data = {};
    for (var i=0; i < item.length; i++) {
        key = item[i].split('=')[0];
        value = item[i].split('=')[1];
        data[key] = value;
    }
    return data;
}

上面看起来是不是缺少了什么，或者有什么缺点？如果是，我该如何改进？

Answer 1

您可以使用新的“URLSearchParams” - 但请注意，浏览器支持不是通用的 (https://caniuse.com/#search=URLSearchParams)

var urlParams = new URLSearchParams(window.location.search);
var activeCategory, activeComponent;

  // sets the active navigation if there are query paramenters in the url
  if(urlParams.has('category')) {
    activeCategory = urlParams.get('category');
    activeComponent= urlParams.get('component');
  } else {
    activeCategory = null;
    activeComponent= null;
  }

  //eg: www.myShop.com.au?category=music&component=guitar
  // gives activeCategory="music"  and activeComponent = "guitar"

   //eg: www.myShop.com.au
  // gives activeCategory = null  and activeCcomponent = null