Iteration

Jade supports two primary methods of iteration, each and while.

each

Jade’s first-class iteration syntax makes it easier to iterate over arrays and objects within a template:

ul
each val in [1, 2, 3, 4, 5]
li= val

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

You can also get the index as you iterate:

ul
each val, index in ['zero', 'one', 'two']
li= index + ': ' + val

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

Jade also lets you iterate over the keys in an object:

ul
each val, index in {1:'one',2:'two',3:'three'}
li= index + ': ' + val

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

The object or array to iterate over is just plain JavaScript so it can be a variable or the result of a function call or almost anything else. e.g.

- var values = [];
ul
each val in values.length ? values : ['There are no values']
li= val

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

You can also use for as an alias of each.

while

You can also use while to create a loop:

- var n = 0
ul
while n < 4
li= n++

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