לכתוב קוד זה נפלא, בגלל שזה עוזר להפוך משימות משעממות לאוטומטיות, כמו לכתוב את אותו משפט 100 פעמים. לולאת For מאפשרת לעשות זאת ב-JavaScript. לולאות for מאפשרות לך לבצע את אותה הפעולה מספר מסוים של פעמים, בכל פעם עם ערכים אחרים.
צורת הכתיבה של לולאת for נראית כך:
for (statement 1; statement 2; statement 3) {
// code to be executed
} ההצהרה הראשונה (statement 1) מגדירה משתנה בשביל הלולאה (אינדקס). לרוב זהו מספר, אשר יגדל בכל פעם שהלולאה מסתיימת, כך את יכולה לעקוב באיזו ריצה של הלולאה את נמצאת. ניתן לאתחל את המשתנה לכל מספר שתרצי, אך נהוג מאתחלים אותו בספרה 0.
לדוגמה:
var i=0 ההצהרה השנייה (statement 2) מגדירה מה יהיה אורך הריצה של הלולאה. לרוב נשתמש באופרטורים פחות מ- > או פחות שווה ל- => על מנת לאתחל את אורך הריצה.
לדוגמה:
i < 10 ההצהרה השלישית (statement 3) מגדירה בכמה יש להגדיל את i (האינדקס שלנו) בכל פעם. אם תרצי להגדיל את האינדקס ב-1 בכל פעם, עליך לכתוב ++i (זהו קיצור דרך במקום לכתוב (1 + i = i) או שתוכלי להגדיל במספרים אחרים.
לדוגמה:
i+=2 // this is the shorthand for i = i + 2
השורה: i+=2 היא קיצור במקום השורה: i = i + 2
בתוך הסוגריים המסולסלים רץ הקוד אותו את מעוניינת להריץ בכל סיבוב של הלולאה. תוכלי להשתמש באינדקס שהגדרת i גם בתוך הלולאה.
הנה דוגמה ללולאת for המדפיסה מספרים מ-1 עד 10:
for (var i=1; i <= 10; i++) {
console.log(i);
}
שימי לב כי המשתנה i מוגדר להתחיל עם המספר 1, מכיוון שאנו רוצות להתחיל לספור מהספרה 1. אורך הלולאה מוגדר להיות קטן ושווה ל-10, מכיוון שאנו רוצות שהלולאה תיגמר בספרה 10. אנו מגדילים את הערך של i בכל פעם ב-1 בלבד.
כתבי לולאת for אשר עוברת על מספרים מ-1 עד 100, ומדפיסה כל מספר שני. התוצאה צריכה להיות:
0, 2, 4, 6, 8, 10...