jquery push the key and value into array

Question

I have the initial array in the following way:

var bankNamesList = [{
    'BARODA': 'BARODA'
}, {
    'AB': 'AB'
}];

Then i am looping the values and appended to main variable and constructing a drop-down

var bankNames = '<ul class="root" id="exp-bank-names">';
$.each(bankNamesList, function() {
    $.each(this, function(name, value) {
        bankNames += '<li><a href="#" name="' + name + '">' + value + '</a></li>';
    });
});
bankNames += '</ul>';
$('.submenu-bank-list').html(bankNames);

How do i push the new value in to an array.

i tried in the following way, but no luck.

var nameAttr = 'SBI';    
bankNamesList.push({nameAttr:nameAttr});

Michael Geary · Accepted Answer · 2015-05-25 10:11:22Z

10

When you create an object and its properties using an object literal, the name to the left of the : is taken literally (pun intended). It doesn't look up a variable name, it uses the text you actually write.

So your example at the end:

var nameAttr = 'SBI';    
bankNamesList.push({nameAttr:nameAttr});

is actually the same as if you'd written this:

bankNamesList.push({ 'nameAttr': 'SBI' });

It looks like you probably meant it to do this, similar to the other elements of the bankNamesList array:

bankNamesList.push({ 'SBI': 'SBI' });

You could do that this way:

var nameAttr = 'SBI';
var item = {};
item[nameAttr] = nameAttr;
bankNamesList.push(item);

edited May 25, 2015 at 10:11

answered May 25, 2015 at 10:04

Michael Geary

29k9 gold badges67 silver badges77 bronze badges

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

1 Comment

Death-is-the-real-truth Over a year ago

Nice answer.+1 (useful for me)

Tushar · Accepted Answer · 2015-05-25 10:07:10Z

4

You just need quotes around key:

var nameAttr = 'SBI';
bankNamesList.push({
    'nameAttr': nameAttr
});

answered May 25, 2015 at 10:07

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

1 Comment

Michael Geary Over a year ago

That does the same thing as the original code at the end of the question. {foo:bar} and {'foo':bar} are no different from each other: they both create an object with a single property named foo whose value comes from the variable bar.

Hardeep Singh · Accepted Answer · 2017-08-22 13:24:44Z

2

Try This

 var anser_array = [];
 var KeyValuePair = '{"Qid"' + ":" + Question_id + "," + "Ans" + ":" + answer_id + "}";
 anser_array.push(KeyValuePair);

answered Aug 22, 2017 at 13:24

Hardeep Singh

8669 silver badges14 bronze badges

Collectives™ on Stack Overflow

jquery push the key and value into array

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related