Scribd
Upload
9 views7 pages

JavaScript For Loop.pdf_20250521_231246_0000

The document explains the JavaScript for loop, detailing its structure, including initialization, condition, and iteration components. It provides examples demonstrating how to use the for loop, including cases where initialization, condition, and iteration statements are optional. Additionally, it highlights the potential for infinite loops if conditions are omitted and the use of the 'break' statement to exit the loop.

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
9 views7 pages

JavaScript For Loop.pdf_20250521_231246_0000

The document explains the JavaScript for loop, detailing its structure, including initialization, condition, and iteration components. It provides examples demonstrating how to use the for loop, including cases where initialization, condition, and iteration statements are optional. Additionally, it highlights the potential for infinite loops if conditions are omitted and the use of the 'break' statement to exit the loop.

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

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


L L S t n + a #

JavaScript - For
Loop

The JavaScript for loop is used to execute a block of code repeteatedly, until a
specified condition evaluates to false. It can be used for iteration if the number of
iteration is fixed and known.
The JavaScript loops are used to execute the particular block of code repeatedly. The 'for'

loop is the
most compact form of looping. It includes the following three important parts
Initialization − The loop initialization expression is where we initialize our counter
to a starting value. The initialization statement is executed before the loop begins.

Condition − The condition expression which will test if a given condition is true

or not. If the
condition
the controlis true, then the code given inside the loop will be executed. Otherwise,

will come out of the loop.


Iteration − The iteration expression is where you can increase or decrease your
You can put all the three parts in a single line separated by
counter.
semicolons.

Flow
Chart
The flow chart of a for loop in JavaScript would be as
follows −
Page 2 of
9

Adver
tisement -

Syntax
The syntax of for loop is JavaScript is as
follows −

for (initialization; condition; iteration) {


Statement(s) to be executed if condition is true
}

Above all 3 statements are


optional.
Page 3 of
9

Examples
Try the following examples to learn how a for loop works in
JavaScript.

Example: Executing a code block


repeatedly
In the example below, we used the for loop to print the output's updated value of the
'count' variable. In each iteration of the loop, we increment the value of 'count' by 1 and
print in the output.

Open
Compiler

<html
>
<head
<title> JavaScript - for loop </title>
>
</
head>
<body
<p id = "output"> </p>
> <script>
const output = document.getElementById("output");
output.innerHTML = "Starting Loop <br>"; let count;
for (let count = 0; count < 10; count++) {

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


}
o u t p u t . i n n e r H T M L
+ =
</script> " L o o 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
Page 4 of
9

Current Count : 8
Current Count : 9
Loop stopped!

Example: Initialization is optional


The below code demonstrates that the first statement is optional in the for loop.
You can also initialize the variable outside the loop and use it with the loop.

Whenever you need to use the looping variable, even after the execution of the loop is

completed, you
can initialize a variable in the parent scope of the loop, as we have done in the below
code. We also

print the value of p outside the loop. Open


Compiler

<html
>
<head
<title> Initialization is optional in for loop </title>
>
</
head>
<body
<p id = "output"> </p>
> <script>
let output = document.getElementById("output");
var p = 0; for (; p < 5; p++) {

output.innerHTML += "P -> " + p + "<br/>";


} o u t p u t . i n n e r H T M L
+ = " O u t s i d e t h e
l o o p ! < b r > " ;
o u t p u t . i n n e r H T M L
</script> + =
</ " P - > " + p +
body> " < b r / > " ;
</html
>
Outp
ut
P -> 0
P -> 1
P -> 2
P -> 3
P -> 4
Page 5 of
9

Outside the loop!


P -> 5

Example: Conditional statement is optional


The below code demonstrates that the conditional statement in the for loop is optional.
However, if you don't write any condition, it will make infinite iterations. So, you can use
the 'break' keyword with the for loop to stop the execution of the loop, as we have done
in the below code.

Open
Compiler

<html
>
<head
<title> Conditional statement is optional in for loop </title>
>
</
head>
<body
<p id = "output"> </p>
> <script>
let output = document.getElementById("output");
let arr = [10, 3, 76, 23, 890, 123, 54] var p = 0; for
(; ; p++) {

if (p >= arr.length) {
break;
} o u t p u t . i n n e r H T M L + =
" a r r [ " + p + " ] - > " +
<br/>"; a r r [ p ] + "
}
< / s c
</ r i p t
body> >
</html
>
Outp
ut
arr[0] -> 10
arr[1] -> 3
arr[2] -> 76
arr[3] -> 23
arr[4] -> 890
Page 6 of
9

arr[5] -> 123


arr[6] -> 54

Example: Iteration statement is optional


In the for loop, the third statement is also optional and is used to increment the iterative
variable. The alternative solution is that we can update the iterative variable inside the
loop body.

Open
Compiler

<html
>
<head
<title> Iteration statement is optional </title>
>
</
head>
<body
<p id = "output"> </p>
> <script>
let output = document.getElementById("output");
let str = "Tutorialspoint"; var p = 0; for (; ;) {

if (p >= str.length) {
break;
} o u t p u t . i n n e r H T M L + =
" s t r [ " + p + " ] - > " +
<br/>"; s t r [ p ] + "
p+
} +;
< / s c
</ r i p t
body> >
</html
>
Outp
ut
str[0] -> T
str[1] -> u
str[2] -> t
str[3] -> o
str[4] -> r
str[5] -> i
str[6] -> a
Page 7 of
9

str[7] -> l
str[8] -> s
str[9] -> p
str[10] -> o
str[11] -> i
str[12] -> n
str[13] -> t

You might also like