حلقه for...of در JS

حلقه for...of در جاوااسکریپت

حلقه for...of یکی از ویژگی‌های مدرن جاوااسکریپت (ES6) است که برای پیمایش آرایه‌ها، رشته‌ها و سایر اشیاء قابل تکرار به کار می‌رود. این حلقه نسبت به روش‌های سنتی مانند for یا forEach مزایای قابل توجهی دارد.


مقایسه با حلقه‌های دیگر

حلقه کاربرد مزایا
for...of اشیاء قابل تکرار (Iterable) سینتکس ساده، عدم نیاز به شمارنده
for سنتی هر ساختار قابل شمارش کنترل کامل روی فرآیند
نکته: حلقه for...of برای اشیاء معمولی (غیر Iterable) کار نمی‌کند. برای پیمایش اشیاء باید از for...in استفاده کنید.

مثال‌های کاربردی

در اینجا چند نمونه از کاربرد حلقه for...of را مشاهده می‌کنید:

  1. پیمایش آرایه‌ها:
    const fruits = ['سیب', 'موز', 'پرتقال'];
    for (const fruit of fruits) {
      console.log(fruit);
    }
  2. پیمایش رشته‌ها:
    const name = "جاوااسکریپت";
    for (const char of name) {
      console.log(char);
    }

برای یادگیری عمیق‌تر می‌توانید اینجا را دنبال نمایید تا با جزئیات بیشتری از این حلقه آشنا شوید.

محدودیت‌ها و نکات فنی

  • عدم امکان استفاده با اشیاء معمولی (مگر با تبدیل به Iterable)
  • عدم دسترسی به اندیس در حین پیمایش (مگر با استفاده از entries())
  • پشتیبانی در تمام مرورگرهای مدرن (به جز IE)

نکته پیشرفته: می‌توانید با تعریف متد [Symbol.iterator] در اشیاء سفارشی، آن‌ها را برای for...of قابل استفاده کنید.