我有一个HTML表单,我使用以下代码将该表单输入转换为对象:
var inputs = $("form :input");
var obj = $.map(inputs, function (x, y) {
return {
Key: x.name,
Value: $(x).val()
};
});
这让我返回如下内容:
[
{"Key":"spouseFirstName","Value":"Jack"},
{"Key":"spouseLastName","Value":"Jill"},
{"Key":"numberOfChildren","Value":"2"},
{"Key":"child1Age","Value":"5"},
{"Key":"child2Age","Value":"3"},
{"Key":"","Value":"SUBMIT"}
]
但我想要的是:
[
{"spouseFirstName":"Jack"},
{"spouseLastName":"Jill"},
{"numberOfChildren":2},
...
]
请帮助我。
ES5 (运行 eveywhere 的 JavaScript)
var inputs = $("form :input");
var obj = $.map(inputs, function (x, y) {
var ret = {};
ret[x.name] = $(x).val();
return ret;
});
ES2015 - 现在所有好的浏览器(不是IE)都使用计算属性名称
var inputs = $("form :input");
var obj = $.map(inputs, function (x, y) {
return {
[x.name]: $(x).val()
};
});
如果你打算使用ES2015,那就全部使用——所有好的浏览器也可以使用箭头函数——注意,使用返回对象文字语法
var inputs = $("form :input");
var obj = $.map(inputs, (x, y) => ({
[x.name]: $(x).val()
})
);
或
var obj = $.map(inputs, (x, y) => ({[x.name]: $(x).val()}));
但这可能不是那么可读
并且由于您根本不使用 Y,因此您可以使用箭头函数的单参数版本
var inputs = $("form :input");
var obj = $.map(inputs, x => ({
[x.name]: $(x).val()
})
);
或
var obj = $.map(inputs, x => ({[x.name]: $(x).val()}));