Summary  
This chapter explains how to use a for loop to repeatedly execute code over elements—setting up an initialization, condition, and increment—and how to control loop flow with break and continue.

General domain of usage  
Processing and aggregating items in a collection (e.g., summing numbers in an array)

A **for loop** in JavaScript is a fundamental tool for repeating a block of code multiple times. It is especially useful when you want to perform the same action for each item in an array. The basic structure of a for loop includes three main parts inside the parentheses: the **initialization**, the **condition**, and the **increment**. 

- The initialization sets up a variable, usually as a counter; 
- The condition checks whether the loop should keep running; 
- The increment updates the counter after each iteration. 

This structure allows you to control exactly how many times the loop runs.

The general syntax looks like this:
```
for (let i = 0; i < array.length; i++) {
  // code to run on each iteration
}
```
Here, `i` is a counter that starts at 0. The loop continues as long as `i` is less than the length of the array. After each iteration, `i` increases by one.

const numbers = [4, 7, 1, 9, 2];
let sum = 0;

for (let i = 0; i < numbers.length; i++) {
  sum = sum + numbers[i];
}

console.log("Sum:", sum); // Output: Sum: 23

When working with **for loops**, you may want to control how and when the loop finishes or skips certain steps. The `break` statement lets you exit the loop early if a condition is met. The `continue` statement skips the current iteration and moves on to the next one. These tools are useful for handling specific situations, but using them incorrectly can lead to bugs.



A common pitfall with **for loops** is using the wrong loop condition or increment, which can cause infinite loops or skip elements. Always make sure your loop counter starts and ends at the correct values, and check that your increment or decrement moves the loop toward its stopping point. Remember, array indexes start at `0` and go up to `array.length - 1`.

Learn how to control program logic, structure data, and build dynamic features using JavaScript. Work with functions, arrays, objects, and loops, then apply these skills to create an interactive profile system. Gain the core knowledge needed to move into React and modern frontend development.

Apply your knowledge in a mini project, learn debugging basics, and prepare for your next steps in JavaScript.

`for` Loop