Javascript / Jquery - 通过名称获取对象属性

Question

我目前正在用 javascript 编写自己的小型模板引擎。

模板如下所示：

<!-- 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>

您可能会看到，在 div 元素的 id 中，我想渲染我的对象的ribbonId 的值。

现在，我有一个对象功能区，其定义如下：

varribbon = {ribbonId: "mainRibbon" }

现在，我怎样才能通过它的名称在这个对象上获取ribbonId 的值？

因此，模板引擎会请求如下内容：

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

在警报中，我想收到“mainRibbon”。

在 Javascript 或 jQuery 中可以实现这样的事情吗？

亲切的问候，

Answer 1

当变量用作键时，不能使用点表示法，您需要使用括号表示法，而不是：

alert(ribbon.templateName);

做

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

演示::JsFiddle