Dynamic name of item in array jQuery

Question

I have codes :

line:1       var listInput = $('input.model');
line:2       var listVariable = [];
line:3       $.each(listInput, function (index, val) {      
line:4             var variable = $(val).data('name');
line:5             var valOf = $(val).val();
line:6             var item = { variable : valOf };
line:7             listVariable.push(item);
line:8       });

I want the "variable" in line 6 that is the "variable" in line 4

Please help me, sorry about my english.

Remove line:1 from code

Satpal
– Satpal

2015-10-13 09:46:54 +00:00
Commented Oct 13, 2015 at 9:46 — Satpal
– Satpal, Commented Oct 13, 2015 at 9:46

Satpal · Accepted Answer · 2015-10-13 09:45:47Z

1

You need to use Bracket notation to populate item's property using dynamic key.

$.each(listInput, function (index, val) {      
    var item = {}; //Create object
    item[$(val).data('name')] = $(val).val(); //Set the value
    listVariable.push(item);
});

OR, You can use .map() along with .get()

var listVariable = listInput.map(function(){
    var item = {};
    item[$(this).data('name')] = $(this).val();     
    return item;
}).get();

edited Oct 13, 2015 at 9:45

answered Oct 13, 2015 at 9:40

Satpal

134k13 gold badges168 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dynamic name of item in array jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related