How do I create a dynamic key for a key/value pair in JavaScript?

Question

Just now my code is:

data = {'field_name':"some value",'name':$(this).val()};

However, I'd like to change the name key so it is dynamic, e.g something like:

var name = $(this).attr('id');
data = {'field_name':"some value",name:$(this).val()};

Is that possible?

You want properties, see [`Object.defineProperty()`](https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/defineProperty). — Dan D., Mar 05 '13 at 00:05

score 2 · Answer 1 · answered Mar 05 '13 at 00:03

2

To do this use the indexer syntax

var data = { 'field_name': "some value" };
data[name] = $(this).val();

answered Mar 05 '13 at 00:03

JaredPar

score 2 · Answer 2 · answered Mar 05 '13 at 00:04

2

jQuery is not required for this:

data = {'field_name':"some value"};
data[this.id] = this.value;

answered Mar 05 '13 at 00:04

score 0 · Answer 3 · answered Mar 05 '13 at 00:04

0

This should do the trick:

var val = data.name;
delete data.name;
data[name] = val; //name is the identifier here

answered Mar 05 '13 at 00:04

Aditya Manohar

3 Answers3