[JavaScript] continue, break, return 차이

짧고 쉽게 설명해보겠다.

 

1. break

break는 반복문을 즉시 빠져나온다.

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    console.log(`${i}에서 멈춘다.`);
    break;
  }
  console.log(i);
}

 

 

2. continue

continue는 반복문의 현재 단계를 중단하고 다음 단계를 이어서 진행한다.

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    console.log(`${i}에서 건너뛴다.`);
    continue;
  }
  console.log(i);
}

 

실행된 코드를 보면, i가 5일 때, console.log(i)가 실행되지 않고 건너 뛴 것을 확인할 수 있다.

 

 

3. return

return은 함수에 해당 값을 반환하고 종료한다.

/* 잘못된 사용법 */
for (let i = 0; i < 10; i++) {
  if (i === 5) {
    return i;
  }
  console.log(i);
}

return은 함수에서 사용하지 않으면 에러가 발생한다.

 

function number() {
  for (let i = 0; i < 10; i++) {
    if (i === 5) {
      return i;
    }
    console.log(i);
  }
}

console.log(`number라는 함수가 ${number()} 입니다.`);

 

위 number 함수에서 i가 5일 때 number 함수에 5가 반환되고 그 자리에서 함수가 종료된다.

 

 

console.log(number() === 5)

이때 number 함수는 반환값인 5와 일치한다.

 

 

사실 return을 사용하지 않더라도 함수는 항상 값을 반환한다.

기본값은 undefined다.

function test() {}

console.log(test() === undefined); // true