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