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

حلقه for...of در جاوا اسکریپت برای پیمایش روی اشیای قابل تکرار (Iterable) مانند آرایه‌ها، رشته‌ها، Map، Set و غیره استفاده می‌شود. این حلقه به جای اندیس‌ها، مقدار هر عنصر را مستقیماً دریافت می‌کند که خوانایی کد را نسبت به for معمولی یا forEach بهبود می‌بخشد.

سینتکس:

for (const element of iterable) {

// کد موردنظر برای اجرای هر عنصر

}

مثال‌ها:

۱. پیمایش روی آرایه:

const numbers = [1, 2, 3, 4, 5];

for (const num of numbers) {

console.log(num);

}

خروجی:

1
2
3
4
5

۲. پیمایش روی رشته:

const message = “سلام”;

for (const char of message) {

console.log(char);

}

خروجی:

۳. پیمایش روی Set:

const uniqueNumbers = new Set([10, 20, 30]);

for (const num of uniqueNumbers) {

console.log(num);

}

خروجی:

۴. پیمایش روی Map:

const userMap = new Map([

[“name”, “Ali”],

[“age”, 25],

[“city”, “Tehran”]

]);

for (const [key, value] of userMap) {

console.log(`${key}: ${value}`);

}

خروجی:

name: Ali

age: 25

city: Tehran

۵. استفاده از for...of با break و continue:

const numbers = [1, 2, 3, 4, 5];

for (const num of numbers) {

if (num === 3) continue; // پرش از مقدار ۳

if (num === 5) break; // توقف حلقه در مقدار ۵

console.log(num);

}

خروجی:

چه زمانی از `for...of` استفاده کنیم؟

زمانی که نیاز به دسترسی مستقیم به مقدار عناصر داریم (به جای اندیس‌ها).
هنگام کار با اشیای قابل تکرار مانند آرایه‌ها، رشته‌ها، Map و Set.
زمانی که خوانایی و سادگی کد اهمیت دارد.

چه زمانی از `for...of` استفاده نکنیم؟

زمانی که نیاز به دسترسی به اندیس عناصر داریم (در این صورت بهتر است از for...in یا forEach استفاده شود).
هنگام کار با اشیای معمولی {} که قابل تکرار نیستند.

آیا نیاز به مثال خاصی دارید؟ 😊