将 javascript 对象转换为 html 表单兼容查询答案

【问题标题】：Convert javascript object to html form compliant query将 javascript 对象转换为 html 表单兼容查询
【发布时间】：2012-06-15 11:37:52
【问题描述】：

我有一个这种形式的 javascript 对象：

var order = {
  "id": 13,
  "name": "Sebastian",
  "items": [
    {
      "id": 5
    }
  ]
  ...
}

我需要以如下所示的格式获取它：

order[id] = 13
order[name] = "Sebastian"
order[items][0][id] = 5

在 Javascript 中执行此操作的最佳方法是什么？有没有为此预建的功能？

我在使用下划线和 jquery 的 nodeJS。

【问题讨论】：

这个怎么样 - api.jquery.com/jQuery.parseJSON
得到它......在哪里？您已经可以使用order['name'] 和order['items'][0]['id'] 访问这些属性（注意''）。
正如@alessioalex 上面所说，您可以通过简单地执行order['id']、order['name'] 等以这种方式访问order。您不需要做任何额外的工作来获得它“格式”。
@alessioalex 我想把这个对象变成实际的字符串。我需要这个用于 npm 模块 restler，它以这种方式发送参数：github.com/danwrong/restler#example-usage

标签： javascript forms node.js

【解决方案1】：

那里可能有一个现成的功能，但是这个（快速制作的）功能也应该可以工作：

function convert(key, obj) {
  var collector = {};

  function recurse(key, obj) {
    var property, name;
    if( typeof obj === "object" ) {
      for( property in obj ) {
        if( obj.hasOwnProperty(property) ) {
          name = key + "[" + property + "]";
          recurse(name, obj[property]);
        }
      }
    } else {
      collector[key] = String(obj);
    }
  }

  recurse(key, obj);
  return collector;
}

给它一个起始键和对象，你会得到一个带有完整名称和值的“平面”对象：

var order = {
  "id": 13,
  "name": "Sebastian",
  "items": [
    {
      "id": 5
    }
  ]
};

var flattened = convert("order", order);

// `flattened` is now:
// {
//   'order[id]': 13,
//   'order[name]': 'Sebastian',
//   'order[items][0][id]': 5
// }

【讨论】：