What are the ways we can break out of a loop in JavaScript?
Here is a for loop:
const list = ['a', 'b', 'c']
for (let i = 0; i < list.length; i++) {
}
We can break at any point in time the execution using the break
keyword:
const list = ['a', 'b', 'c']
for (let i = 0; i < list.length; i++) {
if (list[i] === 'b') break
console.log(list[i])
}
break
also works in for..of loops:
const list = ['a', 'b', 'c']
for (const item of list) {
if (item === 'b') break
console.log(item)
}
And in while:
const list = ['a', 'b', 'c']
let i = 0
while (i < list.length) {
if (i === 'b') break
console.log(list[i])
i++
}
The continue
keyword lets us skip one iteration, in the for
and for..of
and while
loops. The loop does end that iteration, and will continue from the next one.
A for..in
loop can’t use break. It’s not possible to end it in this way.
→ Get my JavaScript Beginner's Handbook
→ I wrote 17 books to help you become a better developer:
- C Handbook
- Command Line Handbook
- CSS Handbook
- Express Handbook
- Git Cheat Sheet
- Go Handbook
- HTML Handbook
- JS Handbook
- Laravel Handbook
- Next.js Handbook
- Node.js Handbook
- PHP Handbook
- Python Handbook
- React Handbook
- SQL Handbook
- Svelte Handbook
- Swift Handbook
Also, JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025