Jquery: How to create a plain object with dynamic names?

Question

I found in the docs that you can create an plain object like this:

var y = {
  name: "Pete",
  age: 15
};

However, I would like to add name and value dynamically to it, for example if we have something like:

<input type="text" name="$dynamicName" id="myinput">

That I can create an object like this:

var y = {
  name: "Pete",
  $('#myinput).attr('name'): $('#myinput).val(),
};

But this will throw an error:

SyntaxError: missing : after property id

How can I use $('#myinput).attr('name') as a name of a plain object?

Possible duplicate of [Is it possible to add dynamically named properties to JavaScript object?](https://stackoverflow.com/questions/1184123/is-it-possible-to-add-dynamically-named-properties-to-javascript-object) — freedomn-m, Jun 05 '18 at 16:29

Scath · Answer 1 · 2018-06-05T16:56:11.113

I think this is what you are wanting to do it will add the age item to the array and then set its value to whatever is in the textbox onclick.

var y = {
  name: "Pete"  
 };
function go(){
 y[$('#myinput').attr("name")] = $('#myinput').val();
console.log(y)
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text"name="age" id="myinput">
<input type="button"  onclick="go(); return false;">

Rohit.007 · Accepted Answer · 2018-06-06T17:14:21.290

3

Try using as an Array.

Like:

y[$('#myinput').attr('name')] = $('#myinput').val();

then you can access it as a simple object.

edited Jun 06 '18 at 17:14

answered Jun 05 '18 at 16:27

Rohit.007

3,414
2
21
33

Will Jones · Answer 3 · 2018-06-05T16:42:19.367

0

Try using:

var y = {name: "Pete"};
y[$('#myinput').attr('name')] = $('#myinput').val()];

You also have unclosed single quotes:

var y = {
    name: "Pete",
    $('#myinput').attr('name'): $('#myinput').val(),
};

edited Jun 05 '18 at 16:42

answered Jun 05 '18 at 16:28

Will Jones

1,861
13
24

You've removed the quotes (and thus broken it) rather than add the missing one (obviously a typo) – freedomn-m Jun 05 '18 at 16:28
That I did, which was incredibly silly. Apologies and edited. I'd still use the first approach personally though. – Will Jones Jun 05 '18 at 16:42
I suspect the downvotes were because the second option doesn't work, which was the whole point of the question. First part should be ok though. – freedomn-m Jun 05 '18 at 16:51

Jquery: How to create a plain object with dynamic names?

3 Answers3