Create object property from variable contents

Question

I have this simple object.

var myobj = {
   id: value
}

But instead of having a property named "id" I want the property identifier to be the value of:

$(this).attr('id');

I cannot preset this as I do not know the ID of the element. I want to be able to get my property value by

<id-of-element>.id

I understand I cannot do like this:

var myobj = {
   $(this).attr('id'): value
}

but how can I solve it? :)

possible duplicate of create object using variables for property name — Oriol
– Oriol, Commented Aug 15, 2014 at 19:47

MrCode · Accepted Answer · 2014-04-15 20:10:30Z

5

You can't assign a dynamic property name like that, but you can use the [] notation:

var myobj = {};
myobj[$(this).attr('id')] = value;

answered Apr 15, 2014 at 20:04

MrCode

64.6k10 gold badges95 silver badges114 bronze badges

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

1 Comment

So simple, so awesome, so quick! Thanks!

Oriol · Accepted Answer · 2014-08-15 19:49:04Z

0

ES6 introduces computed property names, which allow you to do

var myobj = {
   [$(this).attr('id')]: value
}

Note browser support is currently negligible.

answered Aug 15, 2014 at 19:41

Oriol

291k71 gold badges459 silver badges535 bronze badges