1. ホーム
  2. handlebars.js

[解決済み] Handlebars.jsを使った基本的なforループの反復処理

2022-02-11 11:57:22

質問

Handlebars.jsを使い始めたばかりの初心者です。ほとんどの例は、オブジェクトに対するイテレーションに基づいています。基本的なforループでhandlebarsを使用する方法を知りたいと思いました。

for(i=0 ; i<100 ; i++) {
   create li's with i as the value
}

どうすれば実現できるのか?

どのように解決するのか?

Handlebarsにはこのためのものはありませんが、独自のヘルパーを簡単に追加することができます。

単に何かをしたいだけなら n 回なら。

Handlebars.registerHelper('times', function(n, block) {
    var accum = '';
    for(var i = 0; i < n; ++i)
        accum += block.fn(i);
    return accum;
});

そして

{{#times 10}}
    <span>{{this}}</span>
{{/times}}

もし、全体が for(;;) をループさせると、こんな感じになります。

Handlebars.registerHelper('for', function(from, to, incr, block) {
    var accum = '';
    for(var i = from; i < to; i += incr)
        accum += block.fn(i);
    return accum;
});

そして

{{#for 0 10 2}}
    <span>{{this}}</span>
{{/for}}

デモの様子 http://jsfiddle.net/ambiguous/WNbrL/