Javascript / Jquery - Get an object properties by it's name

Question

I'm currently writing my own small templating engine in javascript.

Here's how a template would look like:

<!-- Defines the template for the ribbon. -->
{{TMPL:Import=tabs.tmpl; Name=Tabs}}
<div id="{{ribbonId}}" class="ribbon">

    <!-- All the different tabs are being rendered here. -->
    {{Render:Tabs}}
</div>

You might see that in the id of the div element, I would like to render the value of ribbonId of my object.

Now, I have an object ribbon, which is defined as following:

var ribbon = { ribbonId: "mainRibbon" }

Now, how can I get on this object the value of ribbonId, by it's name?

So, the templating engine would request something like:

var templateName = ribbonId;
alert(ribbon.templateName);

In the alert, I would like to receive 'mainRibbon'.

Is something like this possible in Javascript or jQuery?

Kind regards,

possible duplicate of how to access object property using variable — ericbn
– ericbn, Commented May 12, 2015 at 10:42

Sudhir Bastakoti · Accepted Answer · 2014-07-31 17:51:15Z

1

you cannot use dot notation when variable is used as key, you need to use bracket notation, instead of :

alert(ribbon.templateName);

do

var ribbon = { ribbonId: "mainRibbon" };
var templateName = "ribbonId"; //string
alert(ribbon[templateName]);

demo:: JsFiddle

answered Jul 31, 2014 at 17:51

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

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

2 Comments

Complexity Over a year ago

Thanks, this was exactely which I'm looking for.

Complexity Over a year ago

I've did it, I wasn't able to accept (needed to wait a couple of more minutes) but now the time has passed :-)

Collectives™ on Stack Overflow

Javascript / Jquery - Get an object properties by it's name

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related