به وسیله حلقه می توان یک قطعه کد (code block) را چندین بار تکرار کرد (دوباره اجرا کرد).
جاوا اسکریپت از حلقه های تکرار مختلفی پشتیبانی می کند:
سینتکس:
for (statement 1; statement 2; statement 3) { code block to be executed }
دستور اول پیش از اینکه حلقه (قطعه کد / code block) آغاز شود، اجرا می گردد.
دستور دوم شرط اجرای حلقه را مشخص می کند.
دستور سوم هر بار پس از اتمام اجرای حلقه تکرار (اجرا) می شود.
مثال:
for (i = 0; i < 5; i++) { text += "The number is " + i + "<br>"; }
از مثال بالا نتیجه می گیریم که
دستور اول یک متغیر را پیش از اینکه حلقه آغاز شود مقداردهی و تنظیم می کند (var i = 0).
دستور دوم، شرطی را که در صورت برقرار بودن آن حلقه اجرا می شود تعریف می کند (i باید کمتر از ۵ باشد).
دستور سوم با هر بار اجرای قطعه کد به اندازه ی یک واحد مقدار متغیر را افزایش می دهد (i++).
مثال:
<!DOCTYPE html> <html> <body> <h2>JavaScript Loops</h2> <p id="demo"></p> <script> var text = ""; var i; for (i = 0; i < 5; i++) { text += "The number is " + i + "<br>"; } document.getElementById("demo").innerHTML = text; </script> </body> </html>
خروجی:
The number is 0 The number is 1 The number is 2 The number is 3 The number is 4
همچنین شما می توانید فقط دستور دوم حلقه ( شرط تکرار حلقه) را تعریف کنید:
مثال:
var i = 0; var len = cars.length; for (; i < len; ) { text += cars[i] + "<br>"; i++; }