🔁 استفاده از حلقه for در Pug

• می‌توانیم مثل زبان‌های برنامه‌نویسی روی یک آرایه حلقه بزنیم.

• ساختار کلی:

   

  for متغیر in آرایه/لیست
      // کدهای داخل حلقه
  

📌 مثال:

ul
    for i in ['خانه','دوره‌های آموزشی','درباره ما', 'تماس با ما']
        li.nav-item
            a.link(href="#")= i
    else
        strong هیچ آیتمی موجود نیست !!!

🔍 نکات مهم در مثال:

• حلقه for روی یک آرایه از عناوین منو اجرا شد.
• برای هر مقدار i:
  • یک <li> با کلاس nav-item ساخته شد.
  • داخلش یک <a> با کلاس link قرار گرفت.
  • مقدار متن لینک (=i) قرار داده شد.
• استفاده از بلوک else یعنی اگر آرایه خالی بود، متن جایگزین نمایش داده شود.

📒 نکات کلیدی جلسه

• در Pug نیازی به {} یا () برای حلقه‌ها نیست، فقط indentation (فاصله و تورفتگی) مهم است.
• بعد از نوشتن for باید یک تب یا چند فاصله به کدهای داخل حلقه بدهیم.

• برای چاپ مقدار داخل تگ از:

   

  = variable

  استفاده می‌کنیم.

• تگ‌ها می‌توانند هم همراه با کلاس نوشته شوند هم اتریبیوت:

   

  li.className(attribute="value")
  

🧠 یادآوری

• ساختار for در Pug شبیه سینتکس جاوااسکریپت است اما بدون پرانتز.
• وجود else برای حلقه‌ها یکی از قابلیت‌های خاص Pug است که در HTML وجود ندارد.