好的，我知道这个问题已经有了一个高票的答案，但最近又有人问了一个类似的问题，我也被导向这个问题。我也想提供我的解决方案，因为它比公认的解决方案有一个优势：可以包含禁用的表单元素（这有时很重要，取决于UI的功能）

以下是我对另一个SO问题的回答：

最初，我们使用的是jQuery的serializeArray（）方法，但这不包括禁用的表单元素。我们通常会禁用与页面上其他源“同步”的表单元素，但我们仍然需要在序列化对象中包含数据。因此serializeArray（）已过时。我们使用：input选择器获取给定容器中的所有输入元素（启用和禁用），然后使用$.map（）创建对象。

var inputs = $("#container :input");
var obj = $.map(inputs, function(n, i)
{
    var o = {};
    o[n.name] = $(n).val();
    return o;
});
console.log(obj);

请注意，要使其工作，每个输入都需要一个name属性，该属性将是生成对象的属性的名称。

这实际上与我们使用的略有不同。我们需要创建一个结构化为.NET IDictionary的对象，所以我们使用了这个：（我在这里提供它，以防有用）

var obj = $.map(inputs, function(n, i)
{
    return { Key: n.name, Value: $(n).val() };
});
console.log(obj);

我喜欢这两种解决方案，因为它们都是$.map（）函数的简单用法，并且您可以完全控制选择器（因此，您最终会在结果对象中包含哪些元素）。此外，不需要额外的插件。普通的旧jQuery。

更现代的方法是将reduce与serializeArray（）一起使用，方法如下：

$('#formid').serializeArray()
    .reduce((a, x) => ({ ...a, [x.name]: x.value }), {});

这将有助于许多“正常”情况。

对于具有重复名称属性的多个标记的非常常见的实例，这是不够的。

由于具有重复名称属性的输入通常位于某些“包装器”（div，ul，tr，…）内，如本示例所示：

  <div class="wrapperClass">
    <input type="text" name="one">
    <input type="text" name="two">
  </div>
  <div class="wrapperClass">
    <input type="text" name="one">
    <input type="text" name="two">
  </div>

可以使用reduce和map运算符对它们进行迭代：

$(".wrapperClass").map(function () {
  return $(this).find('*').serializeArray()
    .reduce((a, x) => ({ ...a, [x.name]: x.value }), {});
}).get();

结果将是以下格式的对象数组：

  [
    {
      one: valueOfOne,
      two: valueOfTwo
    }, {
      one: valueOfOne,
      two: valueOfTwo
    }
  ]

.get（）运算符与map一起使用，以获得基本数组，而不是jQuery对象，这会产生更干净的结果。jQuery文档

Tobias上面的解决方案是正确的，但是正如评论者@macek所指出的，它不处理foo[bar]类型的输入并将其拆分为子对象。

这是一个PHP独有的特性，但我仍然觉得能够在JavaScript中生成相同的结构非常有用。

我只是修改了上面托拜厄斯的代码，所以所有的功劳都归于他。这可能会变得更干净，但我只是在五分钟内把它搅拌起来，并认为它可能有用。

此时它不处理多维数组或数字索引数组。也就是说，它只能使用foo[bar]而不能使用foo[]。

jQuery.fn.serializeObjectPHP = function()
{
    var o = {};
    var re = /^(.+)\[(.*)\]$/;
    var a = this.serializeArray();
    var n;
    jQuery.each(a, function() {
        var name = this.name;
        if ((n = re.exec(this.name)) && n[2]) {
            if (o[n[1]] === undefined) {
                o[n[1]] = {};
                o[n[1]][n[2]] = this.value || '';
            } else if (o[n[1]][n[2]] === undefined) {
                o[n[1]][n[2]] = this.value || '';
            } else {
                if(!o[n[1]][n[2]].push) {
                    o[n[1]][n[2]] = [ o[n[1]][n[2]] ];
                }
                o[n[1]][n[2]].push(this.value || '');
            }
        } else {
            if (n && !n[2]) {
                name = n[1];
            }
            if (o[name] !== undefined) {
                if (!o[name].push) {
                    o[name] = [o[name]];
                }
                o[name].push(this.value || '');
            } else {
                o[name] = this.value || '';
            }
        }
    });
    return o;
};

所有这些答案对我来说似乎都太过头了。为了简单起见，有些话要说。只要您的所有表单输入都设置了name属性，这应该只适用于jimdandy。

$（'form.myform'）.submit（函数（）{var$this=$（this），viewArr=$this.serializeArray（），视图=｛｝；for（viewArr中的var i）{view[viewArr[i].name]=viewArr[i].value；}//在这里使用视图对象（例如JSON.stringify？）});

如果使用Undercore.js，可以使用相对简洁的：

_.object(_.map($('#myform').serializeArray(), _.values))

这是一个使用reduce的单行。Reduce是一个函数函数，它获取传递函数的返回值，并在下一次迭代中将其与列表中的第n个值一起传递回传递函数。

$('#formid').serializeArray().reduce((o,p) => ({...o, [p.name]: p.value}))

我们必须使用一些技巧来实现这一点：

…o（扩展语法）插入o中的所有键：值对包装我们在（）中返回的对象，以将其与表示函数的｛｝区分开来将密钥（p.name）换行为[]