Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
11 views

JavaScript While Loop.pdf

The document provides an overview of while loops and do...while loops in JavaScript, explaining their syntax and functionality. It describes entry-controlled and exit-controlled loops, along with examples demonstrating their usage. Additionally, it compares while loops with for loops, highlighting their differences in iteration control.

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 PPTX, PDF, TXT or read online on Scribd
11 views

JavaScript While Loop.pdf

The document provides an overview of while loops and do...while loops in JavaScript, explaining their syntax and functionality. It describes entry-controlled and exit-controlled loops, along with examples demonstrating their usage. Additionally, it compares while loops with for loops, highlighting their differences in iteration control.

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 PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 7

Page 1 of

10

retractable door mesh factory


Pleated Mesh-Products-Haining Yiheng Textile Co
.Ltd
yiheng window scre Ope
en n

SQ HTM CS Javascrip Pytho Java C C+ PHP Scal C


L L S t n + a #

JavaScript - While
Loops

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 over and
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.
Flow
Chart
Page 2 of
10
The flow chart of while loop looks as
follows −

Synta
x
The syntax of while loop in JavaScript is as
follows −

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

Exampl
e
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
>
<body
<div id = 'output'></div>
> <script type="text/javascript">
let output = document.getElementById("output");
var count = 0; output.innerHTML="Starting Loop
<br>";
Page 3 of
10

while (count < 10) {


output.innerHTML+="Current Count : " + count + "<br>";
count++;
}
o u t p u t . i n n e r H T M
</script>
L + =<p>
" LSet
o the
o pvariable to a diff erent value and then try...
</p>s t o p p e d ! " ;
</
body>
</html
>

Outpu
t
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 diff erent value and then try...

Adver
tisement
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 −

Synta
x
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.

Exampl
e
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++;
} w h i l e ( c o u n t <
5 ) ;
o u t p u t . i n n e r H T M L
</script>
+ = <p>Set
" L o the
o pvariable to a diff erent value and then
try...</p>
s t o p p e d ! " ;
</
body>
</html
>
Outpu
t
Starting Loop Current Count : 0 Current Count : 1
Current Count : 2 Current Count : 3 Current Count : 4
Loop Stopped! Set the variable to diff erent value and
then try...

JavaScript while vs. for Loops


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 fi ve 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 fi ve natural numbers: 1


2 3 4 5

Exampl
e
We can now modify the above for loop as
follows −

Open
Compiler

<html
>
<body
<p> First fi ve 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
>
Outp
ut

First fi ve natural numbers:

4
Exampl
e5
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 fi ve natural numbers:</p>
> <div id = "demo"> </div> <script>

const output =
document.getElementById("demo"); let i = 1;
while(i <= 5){
output.innerHTML += i +
"<br>"; i++
}
</script>
</
body>
</html
>
Outp
ut

You might also like