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

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

本文关键字:获取 取对象 属性 对象 Jquery -通 Javascript      更新时间:2023-09-26

我目前正在用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的值。

现在,我有了一个对象ribbon,定义如下:

var ribbon = {ribbonId: "mainRibbon"}

现在,我如何从这个对象的名字中得到ribbbonid的值?

因此,模板引擎会请求如下内容:
var templateName = ribbonId;
alert(ribbon.templateName);

在警报中,我想接收'mainRibbon'。

是这样的东西可能在Javascript或jQuery?

亲切的问候,

当变量被用作键时不能使用点符号,你需要使用括号符号,而不是:

alert(ribbon.templateName);

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

演示:JsFiddle