Brave Search

A JavaScript for loop repeats a block of code a specific number of times when the number of iterations is known, using the syntax for (initialization; condition; afterthought) { // code block }. The initialization runs once before the loop starts, the condition is evaluated before each iteration to determine if the loop continues, and the afterthought (typically an increment) executes after each iteration.

Standard For Loop Syntax and Execution

The loop executes the code block as long as the condition evaluates to true, following this sequence:

The initialization expression (e.g., let i = 0) runs once to set up a counter or variable.
The condition expression (e.g., i < 5) is checked; if false, the loop terminates immediately.
The statement block runs.
The afterthought expression (e.g., i++) increments the counter before returning to the condition check.

for (let i = 0; i < 5; i++) {
  console.log("The number is " + i);
}

Alternative Loop Types

While the standard for loop is ideal for counting, other iteration methods serve different purposes:

for...of: Iterates over the values of iterable objects like arrays, strings, Maps, and Sets.
for...in: Iterates over the enumerable properties (keys) of an object.
while: Repeats code as long as a specified condition remains true, checking the condition before execution.
do...while: Similar to while, but guarantees the code block executes at least once before checking the condition.

Loop Type	Best Use Case	Iterates Over
`for`	Known number of iterations	Values and expressions
`for...of`	Iterating array elements or iterable values	Values of iterable objects
`for...in`	Iterating object properties	Object keys/properties
`while`	Unknown iterations based on a condition	Condition evaluation
`do...while`	Ensuring at least one execution	Condition evaluation

Control flow statements like break (to exit the loop) and continue (to skip the current iteration) can be used within any loop type to modify execution flow.

W3Schools

w3schools.com › js › js_loop_for.asp

JavaScript for Loop

For Loops can execute a block of code a number of times.

Mozilla

developer.mozilla.org › en-US › docs › Web › JavaScript › Guide › Loops_and_iteration

Loops and iteration - JavaScript | MDN

A for loop repeats until a specified condition evaluates to false. The JavaScript for loop is similar to the Java and C for loop.

Discussions

If I'm Struggling with JS Loops, Should I Even Bother?

Coding is hard, that's why not a lot of people do it. So I can assure you that this, you struggling, is going to happen again. You have to be ok with not fully understanding everything, mainly because you don't need to, to be a successful programmer. More on reddit.com

r/learnprogramming

May 9, 2023

[AskJS] Difference between For Loops

Some differences include: for loops for (let i = 0; i < arr.length; i++) { // loop code } User defined loop conditions Allows breaking (and continuing) Supports await/yield for surrounding scope Standard usage for arrays gives you index only, not value Tends to be more complicated than other loops (less readable, more error prone) But also most flexible in how looping is defined for of loops for (const element of arr) { // loop code } Loops through iterables only Allows breaking (and continuing) Supports await/yield for surrounding scope Standard usage for arrays gives you value only, not index Other helpers needed for specific kinds of iteration, like array.entries() to get indices and values, or Object.keys() for going through keys of objects For arrays, loops through all values, even holes when arrays are sparse for in loops for (const key in obj) { // loop code } Loops through any value Iterates through value keys, both own and inherited (Object.keys(), by comparison, only provides own keys, not inherited) Allows breaking (and continuing) Supports await/yield for surrounding scope For arrays does not include holes when arrays are sparse (not recommended for looping through arrays) forEach loops arr.forEach(function (element, index, arr) { // loop code }) Only usable for collections that have this method (arrays, typed arrays, and some others like NodeLists from DOM API) Uses a callback function rather than looping through a code block Does not allow breaking Does not support await/yield for surrounding scope (though you can await and yield in the callback itself, it doesn't affect the looping) Gives you value, index, and collection being looped for each iteration For arrays does not include holes when arrays are sparse Often considered the most readable, especially when reusing callback functions (arr.forEach(doThing)) though can also be least performant More on reddit.com

r/javascript

November 26, 2021

Are For Loops outdated?

You can use the "break" keyword in for, you can't do this in foreach. So for and foreach exist for different use case. More on reddit.com

r/learnjavascript

August 10, 2023

Help understanding for/in loops??

You're trying to see key as a parameter. But it's not a parameter, it's a variable declaration, much like i in your first for loop. You don't have to give it an initial value or increment it or anything though, the runtime does that for you as it iterates over object's properties; all you have to do is consume key. More on reddit.com

r/javascript

July 7, 2017

Videos

05:45

YouTube

Learn JavaScript FOR LOOPS in 5 minutes! 🔂 - YouTube

November 1, 2023

33.1K