حلقة for...of

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

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

for (const element of iterable) {
    // الكود الذي سيُنفَّذ لكل عنصر
}

• element: في كل تكرار، تُسنَد القيمة التالية من الكائن القابل للتكرار إلى هذا المتغير.
• 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 صياغةً أبسط للعديد من حالات الاستخدام الشائعة، خاصةً عندما لا تحتاج إلى فهرس كل عنصر.