4/11/26, 11:14 PM JavaScript Loops
Tutorials References Exercises Get Certified Sign In
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
JavaScript Loops
❮ Previous Next ❯
Loops can execute a block of code a number of times.
JavaScript Loops
Loops are handy, if you want to run the same code over and over again, each time with a
different value.
Often this is the case when working with arrays:
Instead of writing:
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";
You can write:
for (let i = 0; i < [Link]; i++) {
text += cars[i] + "<br>";
}
Try it Yourself »
[Link] 1/8
4/11/26, 11:14 PM JavaScript Loops
Tutorials
The For Loop
References Exercises Get Certified Sign In
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
The for statement creates a loop with 3 optional expressions:
for (expr1; expr2; expr) {
// code block to be executed
}
exp1 is executed one time before the execution of the code block.
exp2 defines the condition for executing the code block.
exp3 is executed every time the code block has been executed.
Example
for (let i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}
Try it Yourself »
exp1 sets a variable before the loop starts (let i = 0).
exp2 defines the condition for the loop to run (i must be less than 5).
exp3 increases a value (i++) each time the code block has been executed.
Loop Scope
Example
let i = 5;
[Link] 2/8
4/11/26, 11:14 PM JavaScript Loops
for (i = 0; i < 10; i++) {
// Tutorials
some code References Exercises Get Certified Sign In
}
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
// Here i is 10
Try it Yourself »
Example
let i = 5;
for (let i = 0; i < 10; i++) {
// some code
}
// Here i is 5
Try it Yourself »
In the first example, let i = 5; is declared outside the loop.
In the second example, let i = 0; , is declared inside the loop.
When a variable is declared with let or const inside a loop, it will only be visible within the
loop.
REMOVE ADS
The While Loop
The while loop loops through a block of code as long as a specified condition is true.
[Link] 3/8
4/11/26, 11:14 PM JavaScript Loops
Tutorials
Syntax References Exercises Get Certified Sign In
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
while (condition) {
// code block to be executed
}
Example
In the following example, the code in the loop will run, over and over again, as long as a
variable (i) is less than 10:
Example
while (i < 10) {
text += "The number is " + i;
i++;
}
Try it Yourself »
If you forget to increase the variable used in the condition, the loop will never end.
This will crash your browser.
The Do While Loop
The do while loop is a variant of the while loop.
The do while loop will execute the code block once, before checking if the condition is true,
then it will repeat the loop as long as the condition is true.
[Link] 4/8
4/11/26, 11:14 PM JavaScript Loops
Tutorials
Syntax References Exercises Get Certified Sign In
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
do {
// code block to be executed
}
while (condition);
The do while runs at least once, even if the condition is false from the start.
This is because the code block is executed before the condition is tested:
Example
do {
text += "The number is " + i;
i++;
}
while (i < 10);
Try it Yourself »
Do not forget to increase the variable used in the condition, otherwise the loop will never end!
❮ Previous Sign in to track progress Next ❯
[Link] 5/8
4/11/26, 11:14 PM JavaScript Loops
Tutorials References Exercises Get Certified Sign In
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
COLOR PICKER
REMOVE ADS
--> PLUS SPACES
GET CERTIFIED FOR TEACHERS
[Link] 6/8
4/11/26, 11:14 PM JavaScript Loops
Tutorials
BOOTCAMPS
References Exercises
CONTACT US
Get Certified Sign In
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
Top Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
[Link] Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial
Top References
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
[Link] Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
AngularJS Reference
jQuery Reference
Top Examples Get Certified
HTML Examples HTML Certificate
CSS Examples CSS Certificate
JavaScript Examples JavaScript Certificate
How To Examples Front End Certificate
SQL Examples SQL Certificate
Python Examples Python Certificate
[Link] Examples PHP Certificate
Bootstrap Examples jQuery Certificate
PHP Examples Java Certificate
Java Examples C++ Certificate
XML Examples C# Certificate
jQuery Examples XML Certificate
FORUM ABOUT ACADEMY
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and
learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full
[Link] 7/8
4/11/26, 11:14 PM JavaScript Loops
correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookies and
Tutorials References Exercises
privacy policy.
Get Certified Sign In
HTML
CSS Copyright 1999-2026 by Refsnes
JAVASCRIPT SQL [Link]
All Rights Reserved.
JAVA W3Schools
PHPis Powered
HOW byTO
[Link] C
[Link] 8/8
