How to break out of the Array forEach method in JavaScript

In this tutorial, you will learn how you can break out of the Array.foreach() method in JavaScript

The break statement is being used to stop a for loop or a for...of loop in JavaScript.

const array = [1,2,3,4,5];
for(let i=0; i<array.length; i++) {
  if (i>=3) {
    break;
  }
  console.log(array[i])
}
// 1
// 2
// 3

However, the break statement does not work inside the foreach because of the callback function, it throws Uncaught SyntaxError: Illegal break statement error

const array = [1,2,3,4,5];
array.forEach(num=>{
  if (num >= 3) {
    break;
  };
  console.log(num)
})

// Uncaught SyntaxError: Illegal break statement

To break out of the forEach() method we have to write the return statement instead of the break statement.

const array = [1,2,3,4,5];
array.forEach(num=>{
  if (num >= 3) {
    return;
  };
  console.log(num)
})
// 1
// 2

Related Solutions

• How to convert a positive number to negative in JavaScript

• How to sort an array of strings and numbers in JavaScript

• How to remove empty objects from an array in JavaScript

• How to autofocus an input element in React

• How to Disable a Button when an Input field is Empty in React