URL Query处理函数

在日常的开发过程中，经常需要通过url来传递一些参数，因此需要一些处理url query的通用函数。我们通过不同的方式来实现url的更新及删除。

正则表达式

function deleteUrlQuery(name, url) {
  var value = encodeURIComponent(value);
  var reg = new RegExp("(\\?|&)(" + name + "=)([^&]*)(&|$)", "i");
  return url.replace(reg, function ($0, $1, param, val, $4) {
    return $1;
  });
}
            
function updateUrlQuery(name, value, url) {
  var value = encodeURIComponent(value);
  var reg = new RegExp("(\\?|&)(" + name + "=)([^&]*)(&|$)", "i");
  var r = url.match(reg);
  if (r) {
    url = url.replace(reg, function ($0, $1, param, val, $4) {
      return $1 + param + value + $4;
    });
  }
  else {
    url += '&' + name + '=' + value;
  } 
  return url;
}

将url query转化为对象

function urlFormat(url) {
  var o = {};
  url = url.split('?')[1];
  url = url.split('#')[0];
  var strs = url.split("&");

  for(var i = 0; i < strs.length; i ++) {
    o[strs[i].split("=")[0]]=strs[i].split("=")[1];
  }

  return o;
}



// 更新query
function updateUrlQuery(name, value, url) {
  var queryObject = urlFormat(url);
  var origin = url.split('?')[0];
  var hash = url.split('#')[1];
  
  queryObject[name] = value;
  
  var searchArray = [];
  for (key in queryObject) {
    searchArray.push(key + '=' + queryObject[key]);
  }
  var search = '?' + searchArray.join('&');
  
  var location = origin + search;
  if (hash) {
    location + '#' + hash;
  }
  
  return location;
}

// 删除query
function deleteUrlQuery(name, url) {
  var queryObject = urlFormat(url);
  var origin = url.split('?')[0];
  var hash = url.split('#')[1];
  
  delete queryObject[name];
  
  var searchArray = [];
  for (key in queryObject) {
    searchArray.push(key + '=' + queryObject[key]);
  }
  var search = '?' + searchArray.join('&');
  
  var location = origin + search;
  if (hash) {
    location + '#' + hash;
  }
  
  return location;
}