在Node.js中用Handlebars实现n次循环：是否仍需Helper？

没错，你确实需要自定义一个Handlebars Helper来实现这个需求——因为原生Handlebars的{{#each}}只能遍历数组或对象这类可枚举集合，没法直接处理数字类型的barCount变量。不过这个Helper的实现非常简单，而且能完美匹配你想要的倒序ID生成需求。

步骤1：在Node.js中注册循环Helper #

如果你用的是express-handlebars，可以在模板引擎配置时注册一个自定义的times Helper，专门用来处理数字次数的循环：

const express = require('express');
const hbs = require('express-handlebars');
const app = express();

// 配置Handlebars并注册Helper
app.engine('handlebars', hbs.create({
  helpers: {
    times: function(n, options) {
      let output = '';
      // 按你的需求倒序循环（从n到1）
      for (let i = n; i >= 1; i--) {
        // 将当前循环的索引值传入模板上下文
        output += options.fn({ index: i });
      }
      return output;
    }
  }
}).engine);

app.set('view engine', 'handlebars');

步骤2：在模板中使用Helper #

现在你可以在模板里用简洁的语法实现循环了，完全不需要手动重复代码：

{{#times barCount}}
  <div class="container"></div>
  <div id="bar{{index}}" class="bar"></div>
{{/times}}

当你传递barCount: 3时，这段模板会渲染出你想要的结果：

<div class="container"></div>
<div id="bar3" class="bar"></div>
<div class="container"></div>
<div id="bar2" class="bar"></div>
<div class="container"></div>
<div id="bar1" class="bar"></div>

额外说明 #

如果之后需要正序生成ID（比如bar1到bar3），只需要把Helper里的循环改成从1到n即可：

for (let i = 1; i <= n; i++) {
  output += options.fn({ index: i });
}

这个Helper的优势在于复用性极强，之后任何需要按数字次数循环的场景都可以直接调用{{#times 数字}}来实现，比每次手动构造数组要高效得多。

内容的提问来源于stack exchange，提问作者peterHasemann