这就是我所拥有的
<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,我要使用名称值对构建对象数组,如下所示:
Using JQuery/Javascript I want to build an array of objects with name value pairs that looks like this:
output = [ {item1: userInput}, {somethingelse1: differentUserInput} ... etc.];我尝试了这个但没有成功:
I have tried this with no success:
var output = new Array(); $('.grab').each( function(index) { output.push({$(this).attr('name'): $(this).val()} ); });我尝试了几种变体,包括尝试使用eval(),但无济于事.如果我删除$(this).attr('name'),并为其指定一个静态名称,那么它可以工作...那么如何创建动态命名的对象?
I have tried several variations including experimenting with eval(), but to no avail. If I remove the $(this).attr('name'), and give it a static name it works... so how can I create dynamically named objects?
推荐答案文字对象语法不能用于非文字键. 要将非文字键与对象一起使用,需要使用object[keyExpression]表示法,如下所示. (这相当于object.key,当keyExpression = "key"时,但是请注意,前一种情况以表达式作为键,而后一种情况则以标识符为准.)
The literal-object syntax cannot be used for non-literal keys. To use a non-literal key with an object requires the object[keyExpression] notation, as below. (This is equivalent to object.key when keyExpression = "key", but note the former case takes an expression as the key and the latter an identifier.)
var output = [] $('.grab').each(function(index) { var obj = {} obj[$(this).attr('name')] = $(this).val() output.push(obj) })快乐的编码.
另外,请考虑使用 .map() :
Also, consider using .map():
var output = $('.grab').map(function() { var obj = {} obj[$(this).attr('name')] = $(this).val() return obj })更多推荐
如何创建动态命名的JavaScript对象属性?
发布评论