[javascript] forEach continue, break 기능 구현하기

안녕하세요 이번 포스팅에서는 반복문인 forEach에서 continue, break 기능을 구현해 보면서 검색한 결과를 정리해 봅니다. 우선 결론적으로는 continue, break 기능을 사용하려면 for 문이나 while 문에서 사용하는 것을 추천드립니다. 보통 forEach문은 배열에서 값을 빼내어 사용할때 강점이 있기 때문에 사용하는데요 아래 4번 예제처럼 for … of 문으로도 비슷한 결과를 낼 수 있고 break, continue 기능을 사용하기 용이하기 때문에 4번을 추천드립니다.

목록
1. throws Error로 break 구현
2. some()으로 break continue 구현
3. every()사용으로 break, continue 구현
4. 이럴바엔 for문 사용 (for … of 에서 break, continue 사용방법)

1. throws Error로 break 구현

const arr = [1,2,3,4,5]; 
try{
  arr.forEach(function(value){
    document.writeln(value);
    if(value==3)
      throw new Error("stop loop"); // 강제로 에러를 내서 반복문을 빠져나갑니다.
  })
}catch(e){
}
 // 결과 : 1 2 3

2. some()으로 break, continue 구현

const arr = [1,2,3,4,5];
arr.some(function(value){
  document.writeln(value);
  if(value==3)
    return true; // break; 와 같은 동작
  else
    return false; // continue; 와 같은 동작
})
// 결과 : 1 2 3

3. every()사용으로 break, continue 구현

const arr = [1,2,3,4,5];
arr.every(function(value){
  document.writeln(value);
  if(value==3)
    return false; // break; 와 같은 동작 (some과는 반대 주의)
  else
    return true; // continue; 와 같은 동작 (some과는 반대 주의)
})
// 결과 : 1 2 3

4. for … of 에서 break, continue 사용방법

const arr = [1, 2, 3, 4];

for (const element of arr) {
  if(element === 3) continue; // 결과 : 1 2 4
  //if(element === 3) break; // 결과 : 1 2  
  document.writeln(element);
}
// 결과 : 1 2 4

자바스크립트 테스트 사이트

• https://codepen.io/hianna/pen/BazKVKM

이외에도 방법이 더 있긴하지만 이렇게 forEach문에서 continue, break 처럼 동작하는 방법에 대해 알아봤는데요 이참에 for … of 문을 눈에 익혀서 사용하시기 추천드립니다. 도움이 되셨다면 좋겠네요 감사합니다.