Looping in java script
JavaScript loops are essential for efficiently handling repetitive tasks. They
execute a block of code repeatedly as long as a specified condition remains true.
For example, suppose we want to print “Hello World” 5 times. This can be done
using JS Loop easily. In Loop, the statement needs to be written only once and
the loop will be executed 5 times as shown below:
Types of loop in java script
1. JavaScript for Loop
The JS for loop provides a concise way of writing the loop structure. The for
loop contains initialization, condition, and increment/decrement in one line
thereby providing a shorter, easy-to-debug structure of looping.
Syntax
Initialization condition: It initializes the variable and mark the start of a for loop.
An already declared variable can be used or a variable can be declared, local to
loop only.
Test Condition: It is used for testing the exit condition of a for loop. It must return
a boolean value. It is also an Entry Control Loop as the condition is checked prior
to the execution of the loop statements.
Statement execution: Once the condition is evaluated to be true, the statements
in the loop body are executed.
Increment/ Decrement: It is used for updating the variable for the next iteration.
Loop termination: When the condition becomes false, the loop terminates
marking the end of its life cycle.
Example
output
2. JavaScript while Loop
The JS while loop is a control flow statement that allows code to be executed
repeatedly based on a given Boolean condition. The while loop can be
thought of as a repeating if statement.
Syntax
While loop starts with checking the condition. If it is evaluated to be true,
then the loop body statements are executed otherwise first statement
following the loop is executed. For this reason, it is also called the Entry
control loop
Once the condition is evaluated to be true, the statements in the loop
body are executed. Normally the statements contain an updated value for
the variable being processed for the next iteration.
When the condition becomes false, the loop terminates which marks the
end of its life cycle.
Example
output
3. JavaScript do-while Loop
The JS do-while loop is similar to the while loop with the only difference is
that it checks for the condition after executing the statements, and therefore
is an example of an Exit Control Loop. It executes loop content at least
once event the condition is false.
Syntax
The do-while loop starts with the execution of the statement(s). There is
no checking of any condition for the first time.
After the execution of the statements and update of the variable value, the
condition is checked for a true or false value. If it is evaluated to be true,
the next iteration of the loop starts.
When the condition becomes false, the loop terminates which marks the
end of its life cycle.
It is important to note that the do-while loop will execute its statements at
least once before any condition is checked and therefore is an example of
the exit control loop.
Example
JavaScript Break Statement
JS break statement is used to terminate the execution of the loop or switch
statement when the condition is true.
JavaScript Continue Statement
JS continue statement is used to break the iteration of the loop and follow
with the next iteration. The break in iteration is possible only when the
specified condition going to occur. “The major difference between the
continue and break statement is that the break statement breaks out of the
loop completely while continue is used to break one statement and iterate to
the next statement.”
JavaScript Infinite Loop (Loop Error)
One of the most common mistakes while implementing any sort of loop is
that it may not ever exit, i.e. the loop runs for infinite times. This happens
when the condition fails for some reason.
Example: This example shows an infinite loop.
Q:What are the different types of loops in JavaScript?
JavaScript provides several types of loops:
for loop: Used when the number of iterations is known.
while loop: Repeats as long as a specified condition is true.
do…while loop: Similar to the while loop, but it executes the block of code once
before checking the condition.
for…in loop: Used to iterate over the properties of an object.
for…of loop: Used to iterate over iterable objects like arrays, strings, maps, etc.
Q2: Display Sum of n Natural Numbers
Example 2: Sum of Only Positive Numbers
