For Loop within Another For Loop
This is the most straightforward approach, where a for loop is placed inside another for loop. It is often used for iterating over two-dimensional arrays or creating simple patterns.
Syntax:
for (let i = 0; i < outerLimit; i++) {
for (let j = 0; j < innerLimit; j++) {
// Code to execute
}
}
Example: The example below shows Nesting Loops where For Loop within Another For Loop in JavaScript.
for (let i = 1; i <= 10; i++) {
let row = "";
for (let j = 1; j <= 10; j++) {
row += (i * j) + "\t";
}
console.log(row);
}
Output
1 2 3 4 5 6 7 8 9 10 2 4 6 8 10 12 14 16 18 20 3 6 9 12 15 18 21 24 27 30 4 8 12 16 20 24 28 32 36 40 5 10 15 20 25 30 35 40 45 50 6 12 18 24 30 36 42 48 54 60 7 14 21 28 35 42 49 56 63 70 8 16...
Nesting For Loops in JavaScript
Nesting for loops is crucial in JavaScript, enabling iteration over multi-dimensional data structures or performing complex tasks. It involves placing one loop inside another, where the outer loop executes for each iteration of the inner loop. This facilitates operations on multi-dimensional arrays or creating intricate patterns, essential for efficient data manipulation and traversal.
Table of Content
- Types of Nested For Loops in JavaScript
- For Loop within Another For Loop
- For Loop within a For-In Loop
- For Loop within a For-Of Loop