使用JavaScript将URL参数(内联和?之后)转换为对象

Question

我正在考虑创建一个普通的JavaScript函数，该函数根据给定特定URL路径的URL路径定义创建一个参数对象。与AngularJS作为routeParams服务的一部分所做的非常相似。例如

给定以下路径定义：

/page1/{id}

和实际的URL路径：

/page1/23?fname=Jon&lname=Doe

我想创建以下对象：

{
   "id": 23,
   "fname": "Jon",
   "lname": "Doe"
}

如有任何帮助，我们将不胜感激。

Answer 1

这就是我想要的。这是一个非常粗略的例子，但代码显然可以进行优化和清理。

function getParams(route, path) {
  var result = {};
  var queryString = (path.indexOf("?") > -1) ? path.substr(path.indexOf("?") + 1, path.length) : null;
  queryString.split("&").forEach(function(part) {
    if(!part) return;
    part = part.replace("+"," ");
    var eq = part.indexOf("=");
    var key = eq>-1 ? part.substr(0,eq) : part;
    var val = eq>-1 ? decodeURIComponent(part.substr(eq+1)) : "";
    var from = key.indexOf("[");
    if(from==-1) result[decodeURIComponent(key)] = val;
    else {
      var to = key.indexOf("]");
      var index = decodeURIComponent(key.substring(from+1,to));
      key = decodeURIComponent(key.substring(0,from));
      if(!result[key]) result[key] = [];
      if(!index) result[key].push(val);
      else result[key][index] = val;
    }
  });
  var re = /{(w+)}/g;
  var results = [];
  while (match = re.exec(route)) {
      results.push(match[1]);
  }
  var re2 = //page1/id/(w+)/name/(w+)/g;
  var results2 = re2.exec(path);
  for (var i = 0; i < results.length; i++) {
    result[results[i]] = results2[i + 1];
  }
  return result;
}
var route = "/page1/id/{id}/name/{name}";
var path = "/page1/id/23/name/leon?fname=Jon&lname=Doe";
var params = getParams(route, path);
console.log("PARAMS:", params);

上述代码输出：

PARAMS: Object {fname: "Jon", lname: "Doe", id: "23", name: "leon"}