حلقة for...of

توفر حلقة for...of طريقة بسيطة للتكرار عبر قيم الكائنات القابلة للتكرار (iterable objects)، مثل المصفوفات، والسلاسل النصية، والخرائط، والمجموعات، وغيرها. فهي تجمع بين إيجاز forEach والقدرة على استخدام break و continue.

إليك الصيغة الأساسية لحلقة for...of:

for (const element of iterable) {
    // الكود الذي سيتم تنفيذه لكل عنصر
}

• element: في كل تكرار، يتم تعيين القيمة التالية من الكائن القابل للتكرار (iterable) لهذا المتغير.
• iterable: الكائن الذي يتم تكرار عناصره (على سبيل المثال، مصفوفة أو سلسلة نصية).

إليك مثال باستخدام مصفوفة:

const fruits = ["apple", "banana", "orange"];

for (const fruit of fruits) {
    console.log(fruit);
}

المخرجات:

apple
banana
orange

إليك مثال آخر مع سلسلة نصية:

const text = "hello";

for (const char of text) {
    console.log(char);
}

الناتج:

h
e
l
l
o

بالمقارنة مع حلقات for التقليدية أو طريقة forEach، يوفر for...of بناء جملة أكثر بساطة للعديد من حالات الاستخدام الشائعة، خاصة عندما لا تحتاج إلى فهرس كل عنصر.