首页 > 其他 > 详细

Pug迭代

时间:2020-02-26 10:10:23      阅读:76      评论:0      收藏:0      [点我收藏+]

两种主要的迭代方式: 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>

 

Pug迭代

原文:https://www.cnblogs.com/xqxacm/p/12365083.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!