javascript - 小胡子变量声明

Question

var page = {
    pageCount : 3,
    pageNum : [
        //loop script to create '"num" : "x"'
    ]
};
var pageTemplate = '{{#pageNum}} <div id="page{{num}}" class="pages"> page {{num}} </div> {{/pageNum}}';
var pageHtml = Mustache.to_html(pageTemplate, page);

是否可以创建一个 for 循环或某种类型来根据 pageCount 创建 num 变量，如下所示：

for (var x = 0; x <= pageCount; x++)

它会产生语法错误，所以我想知道是否有其他替代方法可以做到这一点。谢谢

Answer 1

来自精美手册：

可枚举部分

[...]{{.}}用于访问枚举部分中的当前项目。

所以你需要做的就是把数字放进去pageNum：

var page = {
    pageCount : 3,
    pageNum : [ ]
};
for(var i = 0; i < page.pageCount; ++i)
    page.pageNum[i] = i + 1;

然后使用{{.}}在模板中访问它们：

{{#pageNum}} <div id="page{{.}}" class="pages"> page {{.}} </div> {{/pageNum}}