לולאת 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 מציעה תחביר פשוט יותר עבור מקרי שימוש נפוצים רבים, במיוחד כשאין צורך באינדקס של כל איבר.