Javascript js获取数组的当前索引

在初始页面加载时，我们正在加载一个带有新闻提要的大型json数据对象。 我们正在使用Mustache.js并列出所有新的提要标题，这些标题非常有效

我们有一个div区域来显示onClick新闻项目的详细信息。 因为我们已经加载了数据，所以我需要传递当前项目的索引（数组索引），以获取我们需要从中获取详细信息的新闻项目

{{#Data}}
    <li>
       {{eventName}}<br />
       {{eventLocName}}<br />
       {{eventLocCity}}, {{eventLocST}}
    </li>
{{/Data}}

---

对不起。。。我认为您需要手动添加索引：

for (i in Data)
   Data[i].index = i;

及

{{#Data}

{{eventName}}

{{eventLocName}}

{{eventLocCity}，{{eventLocST}

{{/Data}

据我所知，Mustache.js无法做到这一点，但handlebar.js基本上扩展了Mustaches的功能

您可以简单地导入handlebar.js而不是mustache.js（因为它使用相同的语法，具有相同的功能，但有一些附加功能），然后执行以下操作

{{#each Data}}
    <li id='{{@index}}'>
       {{eventName}}<br />
       {{eventLocName}}<br />
       {{eventLocCity}}, {{eventLocST}}
    </li>
{{/each}}

{{#每个数据}

{{eventName}}

{{eventLocName}}

{{eventLocCity}，{{eventLocST}

{{/每个}}

---

免责声明：我远非专家，因此如果您得到更好的答案，我不会感到惊讶。

一些胡须实现允许这样做（）

---

您可以要求mustache库的开发人员支持该功能。

可能的重复，以及其他我希望使用mustache.js，而不是使用handlebar.js.Works，尽管您应该添加大括号以防止复制Pastagogle搜索保护程序：）谢谢！

for (i in Data)
   Data[i].index = i;

{{#Data}}
    <li id='{{index}}'>
       {{eventName}}<br />
       {{eventLocName}}<br />
       {{eventLocCity}}, {{eventLocST}}
    </li>
{{/Data}}

{{#each Data}}
    <li id='{{@index}}'>
       {{eventName}}<br />
       {{eventLocName}}<br />
       {{eventLocCity}}, {{eventLocST}}
    </li>
{{/each}}