Course Content
Data types and Values
0/1
Object-oriented programming in JavaScript
0/1
Error handling and debugging in JavaScript
0/1
JavaScript functions for string and array manipulation
0/1
JavaScript Libraries and Frameworks
0/1
JavaScript
About Lesson

Understanding Loops

Loops are constructs that enable you to repeatedly execute a block of code as long as a specific condition remains true. Loops are fundamental for automating repetitive tasks and iterating over data structures.

 

1. While Loop

The while loop repeatedly executes a block of code as long as the specified condition remains true. It’s suitable when you need to loop while a certain condition holds true, such as processing data elements or waiting for user input.


var count = 0;

while (count < 5) {
  console.log("Count: " + count);
  count++;
}
  

 

2. For Loop

The for loop is used to iterate over a sequence of values with a counter variable. It provides a convenient way to control the iteration process, initialize variables, and define increment steps.


for (var i = 0; i < 5; i++) {
  console.log("Iteration: " + i);
}
  

 

3. For-In Loop

The for-in loop is used to iterate over the properties of an object. It’s especially useful for extracting property names and values from objects, making it easier to work with their contents.


var person = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};

for (var prop in person) {
  console.log(prop + ": " + person[prop]);
}
  

 

4. For-Of Loop

The for-of loop is used to iterate over the values of iterable objects like arrays and strings. It simplifies looping through collections by directly providing the values, making the code more concise.


var colors = ["red", "green", "blue"];

for (var color of colors) {
  console.log("Color: " + color);
}
  

 

5. Do-While Loop

The do-while loop is similar to the while loop, but it ensures that the code block is executed at least once, even if the condition is false from the start. It ensures that the code block is executed at least once before evaluating the condition. This can be useful when you want to guarantee an initial execution of the loop block.


var x = 0;

do {
  console.log("Value of x: " + x);
  x++;
} while (x < 3);
  

Loops are essential for efficiently handling repetitive tasks, processing data, and implementing algorithms. They help reduce redundancy in code and make your programs more concise and readable.

 

JavaScript Loop Examples

1. While Loop


var count = 0;

while (count < 5) {
  console.log("Count: " + count);
  count++;
}
  

2. For Loop


for (var i = 0; i < 5; i++) {
  console.log("Iteration: " + i);
}
  

3. For-In Loop


var person = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};

for (var prop in person) {
  console.log(prop + ": " + person[prop]);
}
  

4. For-Of Loop


var colors = ["red", "green", "blue"];

for (var color of colors) {
  console.log("Color: " + color);
}
  

5. Do-While Loop


var x = 0;

do {
  console.log("Value of x: " + x);
  x++;
} while (x < 3);