반복문을 종료해보자. break? return?

return은 자주 써서 알고 있었지만,
break와의 차이는
명확하게 알지 못해서 두 개의 차이를 정리해 보고자 합니다 

 

1. return 

: 실행중인 함수를 종료하고 빠져나옵니다.

 

예시)

function counter() {
  for (var count = 1; ; count++) {  // 무한 반복
    console.log(count + "A"); // 5까지
      if (count === 5) {
        return; // count가 5가 되면 counter 함수 종료시킴
      }
      console.log(count + "B");  // 4까지
    }
  console.log(count + "C");  // 절대 나타나지 않음
}

counter();

// 출력:
// 1A
// 1B
// 2A
// 2B
// 3A
// 3B
// 4A
// 4B
// 5A

2.break

: switch나 for, while 같은 반복문에서 break를 만나면 그 즉시 반복문을 빠져나옵니다.

 

예시)

// i가 3일 때 break를 만나서 루프를 빠져나옵니다.

function text(){
let i = 0;
    while(i<6){
        if(i === 3){
            break;
        }
        i++;
    }
    return i // 3
}

 

break -> return 바꾸었을 때

function text(){
let i = 0;
    while(i<6){
        if(i === 3){
            return; // i가 3이 되면 text함수를 종료합니다
        }
        i++;
    }
    console.log(i) // 절대 실행되지 않습니다
}

text() // 결과는 undefiend