[JavaScript] 자바스크립트 반복 처리 스킵 (continue)

2021. 5. 5. 03:46Program/JavaScript

018 _ 자바스크립트 반복 처리 스킵 (continue)

[적용]

  • 반복 처리 중 특정 조건에 대해 스킵하고 싶을 때
  • for문은 루프 중 처리를 스킵하고 싶을 때

[내용]

for문과 while문의 반복 처리 작업 중 일부 상황에서 처리 작업의 예외가 필요할 때가 있다.

continue문을 사용하면 해당 루프의 작업을 실행하지 않고 다음 루프로 넘어간다.


[문법]

구문 의미
continue for문 루프 중 처리 스킵

[예시1]

index가 홀수인 경우에만 출력을 실행하는 코드를 통해 continue의 사용을 확인해 보자.

continue의 적용 범위는 for문의 {} 내부이다.

 

JavaScript

for (let index = 0; index < 10; index++) {
    if (index % 2 === 0) {
        // index가 짝수인 경우 아랫부분은 실행되지 않고 루프가 넘어감
        continue;
    }
    
    // 홀수만 출력됨
    console.log(index);
}

// 루프가 끝나면 실행됨
console.log('루프가 종료됨');

 

[실행결과]


[예시2]

continue를 사용하면 for문 내부의 중첩 구문을 줄일 수 있다.다음의 함수는 flgA가 참이자 for문의 index가 홀수인 경우에만 실행되는 코드로,if문이 중첩되어 코드가 복잡하고 가독성이 떨어진다.

 

JavaScript

function myFunction(flgA) {
    for (let index = 0; index < 10; index++) {
        if (flgA === true) {
            if (index % 2 !== 0) {
                console.log(index);
            }
        }
    }
}

 

하지만 다음과 같이 continue문을 사용하면 중첩을 줄이고 가독성을 높일 수 있다.

 

JavaScript

function myFunction(flgA) {
    for (let index = 0; index < 10; index++) {
        if (flgA === false) {
            continue;
        }
        
        if (index % 2 === 0) {
            continue;
        }
        
        console.log(index);
    }
}

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김