Whether you’re processing arrays, checking conditions, or just automating a repetitive task, picking the right loop makes your code cleaner and easier to follow. This guide breaks down every loop type in JavaScript, when to use each one, and how they actually work under the hood.<\/p>\n\n\n\n
TL;DR Summary<\/strong><\/h2>\n\n\n\n\n- What it is:<\/strong> loops in JavaScript are structures that let you repeat a block of code without writing it out again and again, saving time and keeping your code clean<\/li>\n\n\n\n
- Most commonly used:<\/strong> the for loop is the most popular of all the loops in JavaScript, since it packs initialization, condition, and increment into one line<\/li>\n\n\n\n
- Guaranteed to run once:<\/strong> do…while checks its condition after running, unlike most other loops in JavaScript that check first<\/li>\n\n\n\n
- For objects vs arrays:<\/strong> for…in loops through object properties, for…of loops through array or iterable values<\/li>\n\n\n\n
- Extra control:<\/strong> break exits a loop early, continue skips just the current iteration, both work across almost every one of these loops in JavaScript<\/li>\n<\/ul>\n\n\n\n
Introduction to Loops in JavaScript<\/strong><\/h2>\n\n\n\n![\"Introduction](\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_18_07-PM-1200x503.webp\" "\\"\\"")
<\/figure>\n\n\n\nLoops in JavaScript are control structures that allow us to repeatedly execute a block of code until a certain condition is met.<\/p>\n\n\n\n
They are used when we want to perform an operation multiple times without having to write the same code over and over again. In JavaScript<\/a>, there are several types of loops, each with its own syntax and use cases.<\/p>\n\n\n\n1) The for Loop<\/h3>\n\n\n\n
The for loop is one of the most commonly used loops in JavaScript. It allows us to execute a block of code a specified number of times. The syntax of the for loop is as follows:<\/p>\n\n\n\n
for (initialization; condition; increment) {\n \/\/ code to be executed\n}<\/code><\/pre>\n\n\n\n\n- The initialization step is executed only once before the loop starts. It is where we declare and initialize any variables used in the loop.<\/li>\n\n\n\n
- The condition is evaluated before each iteration, and if it evaluates to true, the loop continues.<\/li>\n\n\n\n
- The increment step is executed after each iteration, and is typically used to update the loop control variable.<\/li>\n<\/ul>\n\n\n\n
Let’s see an example to illustrate the usage of the for loop:<\/p>\n\n\n\n
for (let i = 1; i < 8; i++) {\n console.log(i);\n}<\/code><\/pre>\n\n\n\nIn this example, the loop will iterate seven times, printing the values from 1 to 7 to the console.<\/p>\n\n\n\n
Must Read:<\/strong> Master JavaScript Frontend Roadmap: From Novice to Expert<\/a><\/p>\n\n\n\nReady to turn your knowledge of loops in JavaScript into a full career in web development?<\/p>\n\n\n\n
HCL GUVI’s Software and AI Engineer Programme<\/a> takes you from core JavaScript fundamentals to full-stack, backend, and AI-powered development, with hands-on projects, mentorship, mock interviews, and IITM-Pravartak certification.<\/p>\n\n\n\n2) The do…while Loop<\/h3>\n\n\n\n
The do…while loop is similar to the while loop, but with one key difference: the condition is evaluated after the code block has been executed.<\/p>\n\n\n\n
This means that the code block will always execute at least once, regardless of the condition. The syntax of the do…while loop is as follows:<\/p>\n\n\n\n
do {\n \/\/ code to be executed\n} while (condition);<\/code><\/pre>\n\n\n\nLet’s look at an example to understand how the do…while loop works:<\/p>\n\n\n\n
let i = 0;\ndo {\n console.log(i);\n i++;\n} while (i < 10);<\/code><\/pre>\n\n\n\nIn this example, the code block executes once, printing the value of i to the console. Then the condition i < 10 is checked.<\/p>\n\n\n\n
If it evaluates to true, the loop continues, and the code block runs again. This repeats until the condition becomes false, printing 0 through 9. It is one of the most versatile loops in JavaScript.<\/p>\n\n\n\n
3) The while Loop<\/h3>\n\n\n\n
Among loops in JavaScript, the while loop is used to execute a block of code as long as a specified condition is true. It is similar to the do…while loop, but the condition is evaluated before the code block is executed.<\/p>\n\n\n\n
The syntax of the while loop is as follows:<\/p>\n\n\n\n
while (condition) {\n \/\/ code to be executed\n}<\/code><\/pre>\n\n\n\nLet’s see an example to understand how the while loop works:<\/p>\n\n\n\n
let i = 0;\nwhile (i < 17) {\n console.log(i);\n i++;\n}<\/code><\/pre>\n\n\n\nIn this example, the code block executes as long as the condition i < 17 is true, printing the values 0 through 16, 17 numbers in total. It is one of the most used loops in JavaScript.<\/p>\n\n\n\n
Also Read:<\/strong> JavaScript Tools Every Developer Should Know<\/a><\/p>\n\n\n\nBefore we move to the next section, make sure that you are strong in the full-stack development basics. If not, consider enrolling for a professionally certified online full-stack web development course<\/a> by a recognized institution that can also offer you an industry-grade certificate that boosts your resume.<\/p>\n\n\n\n4) The Labeled Statement<\/h3>\n\n\n\n
Among loops in JavaScript, labels let you identify a loop or a block of code. Labels are often used with the break and continue statements to control the flow of the program. The syntax of a labeled statement is as follows:<\/p>\n\n\n\n
label: statement<\/code><\/pre>\n\n\n\nLet’s look at an example of using labels with the for loop and the break statement:<\/p>\n\n\n\n
outerLoop: for (let i = 0; i < 9; i++) {\n innerLoop: for (let j = 0; j < 9; j++) {\n if (i === 1 && j === 1) {\n break outerLoop;\n }\n console.log(`i = ${i}, j = ${j}`);\n }\n}<\/code><\/pre>\n\n\n\nIn this example, we have an outer loop labeled as outerLoop and an inner loop labeled as innerLoop.<\/p>\n\n\n\n
When the condition i === 1 && j === 1 is met, the break statement is executed, causing the program to break out of the outer loop entirely, not just the inner one. This allows us to selectively break out of multiple nested loops.<\/p>\n\n\n\n
5) The break Statement<\/h3>\n\n\n\n
The break statement is used to exit a loop or switch statement prematurely. When the break statement is encountered, the program flow immediately moves to the next statement outside of the loop or switch.<\/p>\n\n\n\n
This is one of the most useful control tools among loops in JavaScript when we want to terminate a loop early based on a certain condition. Let’s see an example to understand how the break statement works:<\/p>\n\n\n\n
for (let i = 0; i < 7; i++) {\n if (i === 5) {\n break;\n }\n console.log(i);\n}<\/code><\/pre>\n\n\n\nIn this example, the loop prints the values 0 through 4, five values in total. When i becomes 5, the break statement is executed, and the loop is terminated before it ever prints 5.<\/p>\n\n\n\n
Develop your first project with us:<\/strong> 10 Best HTML and CSS Project Ideas for Beginners<\/a><\/p>\n\n\n\n6) The continue Statement<\/h3>\n\n\n\n
The continue statement is used to skip the current iteration of a loop and move on to the next iteration. Unlike the break statement, which terminates the loop, the continue statement only affects the current iteration.<\/p>\n\n\n\n
This is another useful control tool among loops in JavaScript when we want to skip certain iterations based on a condition. Let’s look at an example to understand how the continue statement works:<\/p>\n\n\n\n
for (let i = 0; i < 10; i++) {\n if (i === 9) {\n continue;\n }\n console.log(i);\n}<\/code><\/pre>\n\n\n\nIn this example, the loop still runs its full 10 iterations (i = 0 through 9), but when i equals 9, the continue statement skips the console.log for that one iteration. As a result, the values 0 through 8 are printed, nine values total, and 9 never appears in the output.<\/p>\n\n\n\n
7) The for…in Loop<\/h3>\n\n\n\n
Among loops in JavaScript, the for…in statement is used to iterate over the properties of an object. It allows us to access each property of an object and perform a specific action. The syntax of the for…in loop is as follows:<\/p>\n\n\n\n
for (variable in object) {\n \/\/ code to be executed\n}<\/code><\/pre>\n\n\n\nLet’s see an example to understand how the for…in loop works:<\/p>\n\n\n\n
const person = {\n name: \"HCLGUVI\",\n age: 10,\n city: \"Chennai, Tamil Nadu\"\n};\n\nfor (let key in person) {\n console.log(`${key}: ${person[key]}`);\n}<\/code><\/pre>\n\n\n\nIn this example, the loop iterates over each property of the person object and prints the key-value pairs to the console. The output will be:<\/p>\n\n\n\n
name: HCLGUVI\nage: 10\ncity: Chennai, Tamil Nadu<\/code><\/pre>\n\n\n\nMust Read:<\/strong> 4 Key Differences Between == and === Operators in JavaScript<\/a><\/p>\n\n\n\n8) The for…of Loop<\/h3>\n\n\n\n
Among loops in JavaScript, the for…of statement is used to iterate over iterable objects, such as arrays, strings, and other iterable built-in objects. It provides a simpler and more concise syntax compared to the for loop or the for…in loop.<\/p>\n\n\n\n
The syntax of the for…of loop is as follows:<\/p>\n\n\n\n
for (variable of iterable) {\n \/\/ code to be executed\n}<\/code><\/pre>\n\n\n\nLet’s look at an example to understand how the for…of loop works:<\/p>\n\n\n\n
const languages = [\"javascript\", \"python\", \"html\"];\n\nfor (let lang of languages) {\n console.log(lang);\n}<\/code><\/pre>\n\n\n\nIn this example, the loop iterates over each element in the languages array and prints the value to the console. The output will be:<\/p>\n\n\n\n
javascript\npython\nhtml<\/code><\/pre>\n\n\n\nLoops in JavaScript: Quick Comparison Table<\/h2>\n\n\n\n
The table below covers all the loops in JavaScript discussed in this guide, comparing how each one works and when to use it:<\/p>\n\n\n\n
Introduction to Loops in JavaScript<\/strong><\/h2>\n\n\n\n<\/figure>\n\n\n\nLoops in JavaScript are control structures that allow us to repeatedly execute a block of code until a certain condition is met.<\/p>\n\n\n\n
They are used when we want to perform an operation multiple times without having to write the same code over and over again. In JavaScript<\/a>, there are several types of loops, each with its own syntax and use cases.<\/p>\n\n\n\n1) The for Loop<\/h3>\n\n\n\n
The for loop is one of the most commonly used loops in JavaScript. It allows us to execute a block of code a specified number of times. The syntax of the for loop is as follows:<\/p>\n\n\n\n
for (initialization; condition; increment) {\n \/\/ code to be executed\n}<\/code><\/pre>\n\n\n\n\n- The initialization step is executed only once before the loop starts. It is where we declare and initialize any variables used in the loop.<\/li>\n\n\n\n
- The condition is evaluated before each iteration, and if it evaluates to true, the loop continues.<\/li>\n\n\n\n
- The increment step is executed after each iteration, and is typically used to update the loop control variable.<\/li>\n<\/ul>\n\n\n\n
Let’s see an example to illustrate the usage of the for loop:<\/p>\n\n\n\n
for (let i = 1; i < 8; i++) {\n console.log(i);\n}<\/code><\/pre>\n\n\n\nIn this example, the loop will iterate seven times, printing the values from 1 to 7 to the console.<\/p>\n\n\n\n
Must Read:<\/strong> Master JavaScript Frontend Roadmap: From Novice to Expert<\/a><\/p>\n\n\n\nReady to turn your knowledge of loops in JavaScript into a full career in web development?<\/p>\n\n\n\n
HCL GUVI’s Software and AI Engineer Programme<\/a> takes you from core JavaScript fundamentals to full-stack, backend, and AI-powered development, with hands-on projects, mentorship, mock interviews, and IITM-Pravartak certification.<\/p>\n\n\n\n2) The do…while Loop<\/h3>\n\n\n\n
The do…while loop is similar to the while loop, but with one key difference: the condition is evaluated after the code block has been executed.<\/p>\n\n\n\n
This means that the code block will always execute at least once, regardless of the condition. The syntax of the do…while loop is as follows:<\/p>\n\n\n\n
do {\n \/\/ code to be executed\n} while (condition);<\/code><\/pre>\n\n\n\nLet’s look at an example to understand how the do…while loop works:<\/p>\n\n\n\n
let i = 0;\ndo {\n console.log(i);\n i++;\n} while (i < 10);<\/code><\/pre>\n\n\n\nIn this example, the code block executes once, printing the value of i to the console. Then the condition i < 10 is checked.<\/p>\n\n\n\n
If it evaluates to true, the loop continues, and the code block runs again. This repeats until the condition becomes false, printing 0 through 9. It is one of the most versatile loops in JavaScript.<\/p>\n\n\n\n
3) The while Loop<\/h3>\n\n\n\n
Among loops in JavaScript, the while loop is used to execute a block of code as long as a specified condition is true. It is similar to the do…while loop, but the condition is evaluated before the code block is executed.<\/p>\n\n\n\n
The syntax of the while loop is as follows:<\/p>\n\n\n\n
while (condition) {\n \/\/ code to be executed\n}<\/code><\/pre>\n\n\n\nLet’s see an example to understand how the while loop works:<\/p>\n\n\n\n
let i = 0;\nwhile (i < 17) {\n console.log(i);\n i++;\n}<\/code><\/pre>\n\n\n\nIn this example, the code block executes as long as the condition i < 17 is true, printing the values 0 through 16, 17 numbers in total. It is one of the most used loops in JavaScript.<\/p>\n\n\n\n
Also Read:<\/strong> JavaScript Tools Every Developer Should Know<\/a><\/p>\n\n\n\nBefore we move to the next section, make sure that you are strong in the full-stack development basics. If not, consider enrolling for a professionally certified online full-stack web development course<\/a> by a recognized institution that can also offer you an industry-grade certificate that boosts your resume.<\/p>\n\n\n\n4) The Labeled Statement<\/h3>\n\n\n\n
Among loops in JavaScript, labels let you identify a loop or a block of code. Labels are often used with the break and continue statements to control the flow of the program. The syntax of a labeled statement is as follows:<\/p>\n\n\n\n
label: statement<\/code><\/pre>\n\n\n\nLet’s look at an example of using labels with the for loop and the break statement:<\/p>\n\n\n\n
outerLoop: for (let i = 0; i < 9; i++) {\n innerLoop: for (let j = 0; j < 9; j++) {\n if (i === 1 && j === 1) {\n break outerLoop;\n }\n console.log(`i = ${i}, j = ${j}`);\n }\n}<\/code><\/pre>\n\n\n\nIn this example, we have an outer loop labeled as outerLoop and an inner loop labeled as innerLoop.<\/p>\n\n\n\n
When the condition i === 1 && j === 1 is met, the break statement is executed, causing the program to break out of the outer loop entirely, not just the inner one. This allows us to selectively break out of multiple nested loops.<\/p>\n\n\n\n
5) The break Statement<\/h3>\n\n\n\n
The break statement is used to exit a loop or switch statement prematurely. When the break statement is encountered, the program flow immediately moves to the next statement outside of the loop or switch.<\/p>\n\n\n\n
This is one of the most useful control tools among loops in JavaScript when we want to terminate a loop early based on a certain condition. Let’s see an example to understand how the break statement works:<\/p>\n\n\n\n
for (let i = 0; i < 7; i++) {\n if (i === 5) {\n break;\n }\n console.log(i);\n}<\/code><\/pre>\n\n\n\nIn this example, the loop prints the values 0 through 4, five values in total. When i becomes 5, the break statement is executed, and the loop is terminated before it ever prints 5.<\/p>\n\n\n\n
Develop your first project with us:<\/strong> 10 Best HTML and CSS Project Ideas for Beginners<\/a><\/p>\n\n\n\n6) The continue Statement<\/h3>\n\n\n\n
The continue statement is used to skip the current iteration of a loop and move on to the next iteration. Unlike the break statement, which terminates the loop, the continue statement only affects the current iteration.<\/p>\n\n\n\n
This is another useful control tool among loops in JavaScript when we want to skip certain iterations based on a condition. Let’s look at an example to understand how the continue statement works:<\/p>\n\n\n\n
for (let i = 0; i < 10; i++) {\n if (i === 9) {\n continue;\n }\n console.log(i);\n}<\/code><\/pre>\n\n\n\nIn this example, the loop still runs its full 10 iterations (i = 0 through 9), but when i equals 9, the continue statement skips the console.log for that one iteration. As a result, the values 0 through 8 are printed, nine values total, and 9 never appears in the output.<\/p>\n\n\n\n
7) The for…in Loop<\/h3>\n\n\n\n
Among loops in JavaScript, the for…in statement is used to iterate over the properties of an object. It allows us to access each property of an object and perform a specific action. The syntax of the for…in loop is as follows:<\/p>\n\n\n\n
for (variable in object) {\n \/\/ code to be executed\n}<\/code><\/pre>\n\n\n\nLet’s see an example to understand how the for…in loop works:<\/p>\n\n\n\n
const person = {\n name: \"HCLGUVI\",\n age: 10,\n city: \"Chennai, Tamil Nadu\"\n};\n\nfor (let key in person) {\n console.log(`${key}: ${person[key]}`);\n}<\/code><\/pre>\n\n\n\nIn this example, the loop iterates over each property of the person object and prints the key-value pairs to the console. The output will be:<\/p>\n\n\n\n
name: HCLGUVI\nage: 10\ncity: Chennai, Tamil Nadu<\/code><\/pre>\n\n\n\nMust Read:<\/strong> 4 Key Differences Between == and === Operators in JavaScript<\/a><\/p>\n\n\n\n8) The for…of Loop<\/h3>\n\n\n\n
Among loops in JavaScript, the for…of statement is used to iterate over iterable objects, such as arrays, strings, and other iterable built-in objects. It provides a simpler and more concise syntax compared to the for loop or the for…in loop.<\/p>\n\n\n\n
The syntax of the for…of loop is as follows:<\/p>\n\n\n\n
for (variable of iterable) {\n \/\/ code to be executed\n}<\/code><\/pre>\n\n\n\nLet’s look at an example to understand how the for…of loop works:<\/p>\n\n\n\n
const languages = [\"javascript\", \"python\", \"html\"];\n\nfor (let lang of languages) {\n console.log(lang);\n}<\/code><\/pre>\n\n\n\nIn this example, the loop iterates over each element in the languages array and prints the value to the console. The output will be:<\/p>\n\n\n\n
javascript\npython\nhtml<\/code><\/pre>\n\n\n\nLoops in JavaScript: Quick Comparison Table<\/h2>\n\n\n\n
The table below covers all the loops in JavaScript discussed in this guide, comparing how each one works and when to use it:<\/p>\n\n\n\n
<\/figure>\n\n\n\nLoops in JavaScript are control structures that allow us to repeatedly execute a block of code until a certain condition is met.<\/p>\n\n\n\n
They are used when we want to perform an operation multiple times without having to write the same code over and over again. In JavaScript<\/a>, there are several types of loops, each with its own syntax and use cases.<\/p>\n\n\n\n The for loop is one of the most commonly used loops in JavaScript. It allows us to execute a block of code a specified number of times. The syntax of the for loop is as follows:<\/p>\n\n\n\n Let’s see an example to illustrate the usage of the for loop:<\/p>\n\n\n\n In this example, the loop will iterate seven times, printing the values from 1 to 7 to the console.<\/p>\n\n\n\n Must Read:<\/strong> Master JavaScript Frontend Roadmap: From Novice to Expert<\/a><\/p>\n\n\n\n Ready to turn your knowledge of loops in JavaScript into a full career in web development?<\/p>\n\n\n\n HCL GUVI’s Software and AI Engineer Programme<\/a> takes you from core JavaScript fundamentals to full-stack, backend, and AI-powered development, with hands-on projects, mentorship, mock interviews, and IITM-Pravartak certification.<\/p>\n\n\n\n The do…while loop is similar to the while loop, but with one key difference: the condition is evaluated after the code block has been executed.<\/p>\n\n\n\n This means that the code block will always execute at least once, regardless of the condition. The syntax of the do…while loop is as follows:<\/p>\n\n\n\n Let’s look at an example to understand how the do…while loop works:<\/p>\n\n\n\n In this example, the code block executes once, printing the value of i to the console. Then the condition i < 10 is checked.<\/p>\n\n\n\n If it evaluates to true, the loop continues, and the code block runs again. This repeats until the condition becomes false, printing 0 through 9. It is one of the most versatile loops in JavaScript.<\/p>\n\n\n\n Among loops in JavaScript, the while loop is used to execute a block of code as long as a specified condition is true. It is similar to the do…while loop, but the condition is evaluated before the code block is executed.<\/p>\n\n\n\n The syntax of the while loop is as follows:<\/p>\n\n\n\n Let’s see an example to understand how the while loop works:<\/p>\n\n\n\n In this example, the code block executes as long as the condition i < 17 is true, printing the values 0 through 16, 17 numbers in total. It is one of the most used loops in JavaScript.<\/p>\n\n\n\n Also Read:<\/strong> JavaScript Tools Every Developer Should Know<\/a><\/p>\n\n\n\n Before we move to the next section, make sure that you are strong in the full-stack development basics. If not, consider enrolling for a professionally certified online full-stack web development course<\/a> by a recognized institution that can also offer you an industry-grade certificate that boosts your resume.<\/p>\n\n\n\n Among loops in JavaScript, labels let you identify a loop or a block of code. Labels are often used with the break and continue statements to control the flow of the program. The syntax of a labeled statement is as follows:<\/p>\n\n\n\n Let’s look at an example of using labels with the for loop and the break statement:<\/p>\n\n\n\n In this example, we have an outer loop labeled as outerLoop and an inner loop labeled as innerLoop.<\/p>\n\n\n\n When the condition i === 1 && j === 1 is met, the break statement is executed, causing the program to break out of the outer loop entirely, not just the inner one. This allows us to selectively break out of multiple nested loops.<\/p>\n\n\n\n The break statement is used to exit a loop or switch statement prematurely. When the break statement is encountered, the program flow immediately moves to the next statement outside of the loop or switch.<\/p>\n\n\n\n This is one of the most useful control tools among loops in JavaScript when we want to terminate a loop early based on a certain condition. Let’s see an example to understand how the break statement works:<\/p>\n\n\n\n In this example, the loop prints the values 0 through 4, five values in total. When i becomes 5, the break statement is executed, and the loop is terminated before it ever prints 5.<\/p>\n\n\n\n Develop your first project with us:<\/strong> 10 Best HTML and CSS Project Ideas for Beginners<\/a><\/p>\n\n\n\n The continue statement is used to skip the current iteration of a loop and move on to the next iteration. Unlike the break statement, which terminates the loop, the continue statement only affects the current iteration.<\/p>\n\n\n\n This is another useful control tool among loops in JavaScript when we want to skip certain iterations based on a condition. Let’s look at an example to understand how the continue statement works:<\/p>\n\n\n\n In this example, the loop still runs its full 10 iterations (i = 0 through 9), but when i equals 9, the continue statement skips the console.log for that one iteration. As a result, the values 0 through 8 are printed, nine values total, and 9 never appears in the output.<\/p>\n\n\n\n Among loops in JavaScript, the for…in statement is used to iterate over the properties of an object. It allows us to access each property of an object and perform a specific action. The syntax of the for…in loop is as follows:<\/p>\n\n\n\n Let’s see an example to understand how the for…in loop works:<\/p>\n\n\n\n In this example, the loop iterates over each property of the person object and prints the key-value pairs to the console. The output will be:<\/p>\n\n\n\n Must Read:<\/strong> 4 Key Differences Between == and === Operators in JavaScript<\/a><\/p>\n\n\n\n Among loops in JavaScript, the for…of statement is used to iterate over iterable objects, such as arrays, strings, and other iterable built-in objects. It provides a simpler and more concise syntax compared to the for loop or the for…in loop.<\/p>\n\n\n\n The syntax of the for…of loop is as follows:<\/p>\n\n\n\n Let’s look at an example to understand how the for…of loop works:<\/p>\n\n\n\n In this example, the loop iterates over each element in the languages array and prints the value to the console. The output will be:<\/p>\n\n\n\n The table below covers all the loops in JavaScript discussed in this guide, comparing how each one works and when to use it:<\/p>\n\n\n\n1) The for Loop<\/h3>\n\n\n\n
for (initialization; condition; increment) {\n \/\/ code to be executed\n}<\/code><\/pre>\n\n\n\n\n
for (let i = 1; i < 8; i++) {\n console.log(i);\n}<\/code><\/pre>\n\n\n\n2) The do…while Loop<\/h3>\n\n\n\n
do {\n \/\/ code to be executed\n} while (condition);<\/code><\/pre>\n\n\n\nlet i = 0;\ndo {\n console.log(i);\n i++;\n} while (i < 10);<\/code><\/pre>\n\n\n\n3) The while Loop<\/h3>\n\n\n\n
while (condition) {\n \/\/ code to be executed\n}<\/code><\/pre>\n\n\n\nlet i = 0;\nwhile (i < 17) {\n console.log(i);\n i++;\n}<\/code><\/pre>\n\n\n\n4) The Labeled Statement<\/h3>\n\n\n\n
label: statement<\/code><\/pre>\n\n\n\nouterLoop: for (let i = 0; i < 9; i++) {\n innerLoop: for (let j = 0; j < 9; j++) {\n if (i === 1 && j === 1) {\n break outerLoop;\n }\n console.log(`i = ${i}, j = ${j}`);\n }\n}<\/code><\/pre>\n\n\n\n5) The break Statement<\/h3>\n\n\n\n
for (let i = 0; i < 7; i++) {\n if (i === 5) {\n break;\n }\n console.log(i);\n}<\/code><\/pre>\n\n\n\n6) The continue Statement<\/h3>\n\n\n\n
for (let i = 0; i < 10; i++) {\n if (i === 9) {\n continue;\n }\n console.log(i);\n}<\/code><\/pre>\n\n\n\n7) The for…in Loop<\/h3>\n\n\n\n
for (variable in object) {\n \/\/ code to be executed\n}<\/code><\/pre>\n\n\n\nconst person = {\n name: \"HCLGUVI\",\n age: 10,\n city: \"Chennai, Tamil Nadu\"\n};\n\nfor (let key in person) {\n console.log(`${key}: ${person[key]}`);\n}<\/code><\/pre>\n\n\n\nname: HCLGUVI\nage: 10\ncity: Chennai, Tamil Nadu<\/code><\/pre>\n\n\n\n8) The for…of Loop<\/h3>\n\n\n\n
for (variable of iterable) {\n \/\/ code to be executed\n}<\/code><\/pre>\n\n\n\nconst languages = [\"javascript\", \"python\", \"html\"];\n\nfor (let lang of languages) {\n console.log(lang);\n}<\/code><\/pre>\n\n\n\njavascript\npython\nhtml<\/code><\/pre>\n\n\n\nLoops in JavaScript: Quick Comparison Table<\/h2>\n\n\n\n