反復

Pug では、主に each と while という 2 つの反復メソッドがサポートされています。

each

Pug のファーストクラスの反復表記法により、テンプレート内の配列とオブジェクトを簡単に反復処理できます

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

反復処理中にインデックスを取得することもできます

<ul>
  <li>0: zero</li>
  <li>1: one</li>
  <li>2: two</li>
</ul>

Pug では、オブジェクト内のキーを反復処理することもできます

<ul>
  <li>1: one</li>
  <li>2: two</li>
  <li>3: three</li>
</ul>

反復処理するオブジェクトまたは配列はプレーン JavaScript です。つまり、変数、関数呼び出しの結果、またはその他のほぼあらゆるものになります可能性があります。

<ul>
  <li>There are no values</li>
</ul>

配列またはオブジェクトに反復処理する値が含まれていない場合に実行される else ブロックを追加することもできます。次のブロックは、上記の例の同等品です

<ul>
  <li>There are no values</li>
</ul>

each のエイリアスとして for を使用することもできます。

while を使用してループを作成することもできます

<ul>
  <li>0</li>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>