如何创建动态命名的JavaScript对象属性？
如何创建动态命名的JavaScript对象属性？
提问于 2011-11-11 01:50:36
这是我所拥有的
<form>
<input type="text" name="item1" class="grab" value="userInput" />
<input type="text" name="somethingelse1" class="grab" value="differentUserInput" />
... (any number of inputs)
</form>使用JQuery/Javascript，我想构建一个具有名称值对的对象数组，如下所示：
output = [ {item1: userInput}, {somethingelse1: differentUserInput} ... etc.];我已经尝试过了，但没有成功：
var output = new Array();
$('.grab').each( function(index) {
output.push({$(this).attr('name'): $(this).val()} );
});我尝试了几个变体，包括尝试eval()，但都没有用。如果我删除$(.attr)名称(‘name’)，并给它一个静态名称，它就可以工作了……那么如何创建动态命名的对象呢？
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-11-11 01:58:18
文本对象语法不能用于非文本键。要对对象使用非文本键，需要使用object[keyExpression]表示法，如下所示。(这等同于keyExpression = "key"时的object.key，但请注意，前一种情况使用表达式作为键，而后一种情况使用标识符。)
var output = []
$('.grab').each(function(index) {
var obj = {}
obj[$(this).attr('name')] = $(this).val()
output.push(obj)
})祝你编码愉快。
另外，考虑使用.map()
var output = $('.grab').map(function() {
var obj = {}
obj[$(this).attr('name')] = $(this).val()
return obj
})Stack Overflow用户
发布于 2017-01-17 05:18:06
我只接受表单的id作为此函数的参数：
function form2JSON(form){
var info_ser = $('#'+form).serialize();
var data = info_ser.split('&');
var output = {};
$.each( data, function( i, l ){
var data_input = l.split('=');
output[data_input[0]] = data_input[1];
});
return output;
}结果对象类似于下面的Object { fieldname="value", fieldname1="value1", fieldname2="value3", ...}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8084003
复制相关文章
相似问题
腾讯云开发者
