zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    用栈消除递归调用,实现DFS【伪代码】
    B树残缺版
    lvm
    RAID独立冗余磁盘阵列
    压缩、归档
    磁盘、文件系统
    setfacl、getfacl
    locate,find
    vim编辑器
    sed流编辑器
  • 原文地址:https://www.cnblogs.com/xqxacm/p/12365083.html
Copyright © 2011-2022 走看看