자바스크립트 복습하기

break문

break문은 보통 반복문 내에서 사용되며, 실행 중인 반복문을 즉시 종료시키고 다음 코드 블록으로 이동합니다. 즉, 반복문이 조건에 따라 종료되기 전에도 break문을 만나면 그 즉시 반복문을 빠져나옵니다. 예를 들어, 아래 코드에서는 for 반복문을 실행하다가 i 값이 3이 되었을 때 break문을 만나면 for 반복문이 즉시 종료됩니다.

for (var i = 0; i < 5; i++) {
  if (i === 3) {
    break;
  }
  console.log(i);
}
// 출력 결과: 0 1 2

return문

return문은 함수 내에서 사용되며, 함수 실행을 즉시 종료시키고 함수를 호출한 곳으로 값을 반환합니다. return문이 실행되면 그 이후의 코드는 실행되지 않습니다. 예를 들어, 아래 코드에서는 add 함수가 실행 중에 return문을 만나면 그 즉시 함수 실행을 종료하고 sum 값을 반환합니다.

function add(a, b) {
  var sum = a + b;
  if (sum < 0) {
    return;
  }
  return sum;
}

console.log(add(2, 3)); // 출력 결과: 5
console.log(add(-1, 4)); // 출력 결과: undefined

return문은 값을 반환하거나 아무 값도 반환하지 않을 수 있습니다. 값이 없는 return문은 함수 실행을 종료시키는 역할만 하며, 이 경우 함수를 호출한 곳에서는 undefined 값을 받게 됩니다.

break 문과 return 문 차이점

break문과 return문의 가장 큰 차이점은 사용되는 문맥(context)입니다.

break문은 보통 반복문 내에서 사용되며, 실행 중인 반복문을 즉시 종료시키고 다음 코드 블록으로 이동합니다. 반면에 return문은 함수 내에서 사용되며, 함수 실행을 즉시 종료시키고 함수를 호출한 곳으로 값을 반환합니다.

따라서, break문은 반복문 내에서만 사용할 수 있지만, return문은 함수 내에서만 사용할 수 있습니다. 또한, return문은 값을 반환할 수 있는데 반해, break문은 값을 반환하지 않습니다.

또한, return문은 함수 실행을 종료시키고 값을 반환하기 때문에, return문 이후의 코드는 실행되지 않습니다. 하지만, break문은 반복문을 종료시키고 다음 코드 블록으로 이동하는 것뿐이므로, break문 이후의 코드는 계속해서 실행됩니다.

그러므로, break문은 반복문에서 특정 조건을 만족하면 반복문을 즉시 종료시키는데 사용되고, return문은 함수에서 특정 조건을 만족하면 함수 실행을 즉시 종료시키고 값을 반환하는데 사용됩니다.