10/11/25, 7:11 AM JavaScript while Loop
Tutorials References Exercises Get Certified
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
JavaScript While Loop
❮ Previous Next ❯
Some loops execute a block of code as long as a specified condition is true.
The While Loop
The while loop loops through a block of code as long as a specified condition is true.
Syntax
while (condition) {
// code block to be executed
}
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;
[Link] 1/6
10/11/25, 7:11 AM JavaScript while Loop
i++;
} Tutorials References Exercises Get Certified
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
Try it Yourself »
Note
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. This 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.
Syntax
do {
// code block to be executed
}
while (condition);
Note
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
[Link] 2/6
10/11/25, 7:11 AM JavaScript while Loop
dotext
{
Tutorials References
+= "The number is " + i;
Exercises Get Certified
i++;
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
}
while (i < 10);
Try it Yourself »
Do not forget to increase the variable used in the condition, otherwise the loop will never
end!
REMOVE ADS
Comparing For and While
A while loop is much the same as a for loop, with statement 1 and statement 3 omitted.
Example
Uses a for loop to collect the car names from the cars array:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";
for (;cars[i];) {
text += cars[i];
i++;
}
Try it Yourself »
[Link] 3/6
10/11/25, 7:11 AM JavaScript while Loop
Tutorials
Example
References Exercises Get Certified
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
Use a while loop to collect the car names from the cars array:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";
while (cars[i]) {
text += cars[i];
i++;
}
Try it Yourself »
❮ Previous Next ❯
[Link] 4/6
10/11/25, 7:11 AM JavaScript while Loop
Tutorials References Exercises Get Certified
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
COLOR PICKER
REMOVE ADS
PLUS SPACES
GET CERTIFIED FOR TEACHERS
FOR BUSINESS CONTACT US
Top Tutorials
[Link] 5/6
10/11/25, 7:11 AM JavaScript while Loop
HTML Tutorial
Tutorials CSS Tutorial
References
JavaScript Tutorial
Exercises Get Certified
How To Tutorial
HTML
CSS SQL Tutorial SQL
JAVASCRIPT PYTHON JAVA PHP HOW TO [Link] C
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
correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and
privacy policy.
Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by [Link].
[Link] 6/6
