One of the common frustrations in looping through iterable elements in JavaScript is that they typically take a not-insignificant amount of time to setup: a classical for loop takes a variable, an iterator and a condition just to get started.

JavaScript’s new for…of loop has a native understanding of iterable structures, removing the need for much of that preparation and allowing you to get right to manipulating data.

Read more about JavaScript for…of Loop

Under normal circumstances, a standard for loop will continue to execute while it’s evaluated condition remains true, making it all-too-easy for beginners to create infinite loops that will potentially lock up the browser and/or your editor.

Read more about JavaScript break and continue

Less common than the standard for loop, do and do… while loops have particular use-cases that make them invaluable in JavaScript development.

Read more about while… and do…while loops