Pug迭代

两种主要的迭代方式： each 和 while

一、each

1、最简单的迭代

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>

2、迭代同时获取索引值index

ul
  each val, index in ['〇', '一', '二']
    li= index + ': ' + val

等价于-->
<ul>
  <li>0: 〇</li>
  <li>1: 一</li>
  <li>2: 二</li>
</ul>

3、迭代对象中的键值

ul
  each val, index in {1:'一',2:'二',3:'三'}
    li= index + ': ' + val

等价于-->
<ul>
  <li>1: 一</li>
  <li>2: 二</li>
  <li>3: 三</li>
</ul>

4、else，用于没有被迭代的值时执行

- var values = [];
ul
  each val in values
    li= val
  else
    li 没有内容

等价于-->
<ul>
  <li>没有内容</li>
</ul>

 

二、while

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

等价于-->
<ul>
  <li>0</li>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>