เรามาดูตัวอย่างการใช้ for loop ใน PugJs กันครับ

basic syntax คือ

each item in array
  // code to execute for each item

สามารถใช้ index ใน loop ได้ ตามตัวอย่าง

each item,index in array
  // code to execute for each item

ดูตัวอย่างการนำไปใช้งานกัน ตามด้านล่าง

ul
  each val in ['item1', 'item2', 'item3']
    li= val

output ที่ได้จะเป็นแบบนี้

<ul>
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
</ul>

เรายังสามารถใช้ each สำหรับ loop object ได้

each val in {name: "John", age: 25, job: "developer"}
    p= val

output ที่ได้ก็จะเป็นประมาณนี้

<p>John</p>
<p>25</p>
<p>developer</p>

each ก็ยังใช้ index ได้ ตามตัวอย่าง

each val,index in ['item1', 'item2', 'item3']
  li= index + '-' + val

ผลลัพธ์ที่ได้ก็จะเป็นประมาณนี้

<li>0-item1</li>
<li>1-item2</li>
<li>2-item3</li>

เรายังสามารถใช้ for ได้ แต่ต้องใช้ - นำหน้า ตัวอย่าง

- for(var i=0; i<5; i++){
   p= i

output ที่ได้คือ

<p>0</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>