CODEWITHSUNDEEP
javascriptarrays
Barta Tamás
Barta Tamás

Reputation: 899

Javascript: variable as array key

I im building and array where my array key is from a variable like this: 

var art = $('#article_id').val();
var stk =  $('#stk').val();
elements ={ art : stk };
alert(elements[art]);

but i end up with this output art=>50 instead of 5123=>50

Upvotes: 45

Views: 52407

Answers (2)

Jon
Jon

Reputation: 437376

ECMAScript 2015 (aka ES6 Harmony)

ES 2015 provides support for this through a feature called computed property names (although the relevant section of the spec is called "Object Initializer").

Simply put, surround the variable (in general, any expression) with square brackets to evaluate it and use the result as a property name. In your example that would be

elements = { [art]: stk };

Original answer (targeting ES5)

You cannot create object literals like that. You need to write

elements = {};
elements[art] = stk;

The reason why elements = { art: stk } does not work is because it is equivalent to elements = { "art": stk } (with quotes). The two versions are equivalent in JavaScript as long as art is a legal identifier, and the second version makes it clear what's going on.

Upvotes: 85

xdazz
xdazz

Reputation: 160843

Use below to add dynamic key to an object.

elements = {};
elements[art] = stk;

Upvotes: 13

Related Questions