Scribd
Upload
3 views10 pages

JavaScript While Loop

The document provides an overview of while loops in JavaScript, explaining their purpose and syntax, as well as the differences between entry-controlled and exit-controlled loops. It includes examples of both while and do...while loops, demonstrating their functionality through code snippets. Additionally, it compares while loops to for loops, highlighting their similarities and use cases.

Uploaded by

samuel asefa
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views10 pages

JavaScript While Loop

The document provides an overview of while loops in JavaScript, explaining their purpose and syntax, as well as the differences between entry-controlled and exit-controlled loops. It includes examples of both while and do...while loops, demonstrating their functionality through code snippets. Additionally, it compares while loops to for loops, highlighting their similarities and use cases.

Uploaded by

samuel asefa
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

Page 1 of 10

SQL HTML CSS Javascript Python Java C C++ PHP Scala C#

JavaScript - While Loops


ComNav
OPEN
Mars Laser RTK for Surveyors
A while statement in JavaScript creates a loop that executes a block of code repeatedly, as long as
the specified condition is true. The condition is evaluated before the execution of the block of code.

While writing a program, you may encounter a situation where you need to perform an action over and
over again. In such situations, you would need to write loop statements to reduce the number of lines.

JavaScript supports all the necessary loops to ease the pressure of programming. In this chapter, we
will discuss the while loop.

There are 2 kinds of while loops in JavaScript, as given below.

Entry-controlled loops − The loop checks whether the looping condition is valid first and
enters into the body of the loop to execute the loop statements.

Exit-controlled loops − The loop enters into the body and executes the loop statements
without checking the condition. After completing the iteration, it checks the condition.

JavaScript while Loop


The most basic loop in JavaScript is the while loop which would be discussed in this chapter. The
while loop is an entry-controlled loop.

The purpose of a while loop is to execute a statement or code block repeatedly as long as an
expression is true. Once the expression becomes false, the loop terminates.
Advertisement
-
Flow Chart
The flow chart of while loop looks as follows −
Page 2 of 10

Syntax
The syntax of while loop in JavaScript is as follows −

while (expression) {
Statement(s) to be executed if expression is true
}

Example
In the example below, we defined the 'count' variable and initialized it with 0. After that, we make
iterations using the while loop until the value of the count is less than 10.

Open Compiler

<html>
Advertisement
<body>
-
<div id = 'output'></div>
<script type="text/javascript">
let output = document.getElementById("output");
var count = 0;
output.innerHTML="Starting Loop <br>";
while (count < 10) {
Page 3 of 10

output.innerHTML+="Current Count : " + count + "<br>";


count++;
}
output.innerHTML+="Loop stopped!";
</script>
<p> Set the variable to a different value and then try... </p>
</body>
</html>

Output

Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Current Count : 5
Current Count : 6
Current Count : 7
Current Count : 8
Current Count : 9
Loop stopped!
Set the variable to different value and then try...

Advertisement
-
Page 4 of 10

JavaScript do...while Loop


The do...while loop is similar to the while loop except that the condition check happens at the end of
the loop. This means that the loop will always be executed at least once, even if the condition is false.

Flow Chart
The flow chart of a do-while loop would be as follows −

Syntax
The syntax for do-while loop in JavaScript is as follows −

do {
Statement(s) to be executed;
} while (expression);

Don't miss the semicolon used at the end of the do...while loop.
Advertisement
-

Example
In the example below, we used the do...while loop and printed the results in the output until the value
of the count variable is less than 5. In the output, we can observe that it always executes for once,
even if the condition is false.
Page 5 of 10

Open Compiler

<html>
<body>
<div id="output"></div>
<script type="text/javascript">
let output = document.getElementById("output");
var count = 0;
output.innerHTML += "Starting Loop" + "<br />";
do {
output.innerHTML += "Current Count : " + count + "<br />";
count++;
}
while (count < 5);
output.innerHTML += "Loop stopped!";
</script>
<p>Set the variable to a different value and then try...</p>
</body>
</html>

Output

Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Loop Stopped!
Set the variable to different value and then try...

JavaScript while vs. for Loops


Advertisement
The JavaScript while loop is similar to the
- for loop with the first and third expressions omitted. A for
loop is generally used when the number of iteration is fixed and known but we use the while loop
whne the number of iterations is not known.

Example
Let's take an example of printing the first five natural numbers using for loop −
Page 6 of 10

Open Compiler

<html>
<body>
<p> First five natural numbers:</p>
<div id = "demo"> </div>
<script>
const output = document.getElementById("demo");
for(let i = 1; i <= 5; i++){
output.innerHTML += i + "<br>";
}
</script>
</body>
</html>

It will produce the following output −

First five natural numbers:


1
2
3
4
5

Example
We can now modify the above for loop as follows −

Open Compiler

<html>
<body>
Advertisement
<p> First five natural numbers:</p>
-
<div id = "demo"> </div>
<script>
const output = document.getElementById("demo");
let i = 1;
for(; i <= 5; ){
output.innerHTML += i + "<br>";
Page 7 of 10

i++
}
</script>
</body>
</html>

Output

First five natural numbers:

1
2
3
4
5

Example
In the above example, we have omitted first and third expression in for loop statement. This is similar
to the while loop statement. Look at the below example −

Open Compiler

<html>
<body>
<p> First five natural numbers:</p>
<div id = "demo"> </div>
<script>
const output = document.getElementById("demo");
let i = 1;
while(i <= 5){
output.innerHTML += i + "<br>";
i++
} Advertisement

</script> -

</body>
</html>

Output
Page 8 of 10

First five natural numbers:

1
2
3
4
5

You notice that the for loop without first expression (initialization) and third expression (iteration), is
similar to the while loop.

TOP TUTORIALS

Python Tutorial
Java Tutorial
C++ Tutorial

C Programming Tutorial
C# Tutorial

PHP Tutorial
R Tutorial

HTML Tutorial
CSS Tutorial
JavaScript Tutorial

SQL Tutorial

TRENDING TECHNOLOGIES

Cloud Computing Tutorial


Amazon Web Services Tutorial
Microsoft Azure Tutorial

Git Tutorial Advertisement


Ethical Hacking Tutorial -

Docker Tutorial
Kubernetes Tutorial

DSA Tutorial
Spring Boot Tutorial
SDLC Tutorial
Page 9 of 10

Unix Tutorial

CERTIFICATIONS

Business Analytics Certification


Java & Spring Boot Advanced Certification
Data Science Advanced Certification

Cloud Computing And DevOps


Advanced Certification In Business Analytics

Artificial Intelligence And Machine Learning


DevOps Certification

Game Development Certification


Front-End Developer Certification

AWS Certification Training


Python Programming Certification

COMPILERS & EDITORS

Online Java Compiler


Online Python Compiler

Online Go Compiler
Online C Compiler
Online C++ Compiler

Online C# Compiler
Online PHP Compiler

Online MATLAB Compiler


Online Bash Compiler

Online SQL Compiler


Online Html Editor

ABOUT US | OUR TEAM | CAREERS | JOBS | CONTACT US | TERMS OF USE |

PRIVACY POLICY |
Advertisement REFUND POLICY | COOKIES POLICY | FAQ'S

-
Page 10 of 10

Tutorials Point is a leading Ed Tech company striving to provide the best learning material on technical
and non-technical subjects.

© Copyright 2025. All Rights Reserved.

Advertisement
-

You might also like