حلقه for...of در جاوا اسکریپت
حلقه for...of یکی از ویژگی‌های مدرن جاوا اسکریپت (ES6) است که برای پیمایش عناصر آرایه‌ها، رشته‌ها و سایر اشیاء قابل تکرار به کار می‌رود. این حلقه نسبت به روش‌های سنتی مانند for یا forEach مزایای قابل توجهی دارد.
مقایسه for...of با سایر حلقه‌ها
| نوع حلقه |
مزایا |
معایب |
| for کلاسیک |
کنترل کامل روی ایندکس |
نوشتن طولانی و پیچیده |
| forEach |
سینتکس ساده |
عدم امکان استفاده از break/continue |
| for...of |
ترکیب مزایای هر دو روش |
عدم دسترسی مستقیم به ایندکس |
حلقه for...of بهترین انتخاب برای کار با مقادیر عناصر در ساختارهای قابل تکرار است، به‌ویژه زمانی که نیازی به دسترسی مستقیم به ایندکس ندارید.
کاربردهای عملی for...of
در اینجا چند نمونه از استفاده‌های متداول این حلقه را مشاهده می‌کنید:
- پیمایش آرایه‌ها بدون نیاز به مدیریت دستی ایندکس
- کار با رشته‌ها به صورت کاراکتر به کاراکتر
- پیمایش مجموعه‌های Map و Set
- کار با NodeList در DOM
مثال کد:
const fruits = ['سیب', 'موز', 'پرتقال'];
for (const fruit of fruits) {
console.log(fruit); // چاپ هر میوه
}
برای یادگیری عمیق‌تر می‌توانید For of در جاوا اسکریپت و مثال‌های پیشرفته‌تری را بررسی کنید.
محدودیت‌های for...of
- عدم کاربرد مستقیم روی اشیاء معمولی (غیر قابل تکرار)
- عدم دسترسی خودکار به ایندکس (مگر با استفاده از entries())
- پشتیبانی نشدن در برخی مرورگرهای قدیمی (نیاز به polyfill)
در نهایت، for...of ابزاری قدرتمند و خوانا برای کار با داده‌های ترتیبی است که کدهای شما را تمیزتر و قابل فهم‌تر می‌کند.
