[ JS ] switch문에서 break를 if-else에서는 어떻게 사용할까 (feat. 조건부 로직)

JavaScript에서 switch 문과 if-else 문은 조건부 로직을 처리하는 데 사용된다.

switch 문에서 break 키워드는 현재 case를 종료하고 switch 블록을 빠져나오는 역할을 하는 반면에 if-else 문에서는 break 키워드를 사용하지 않는다.
대신 return 문을 사용하여 조건문을 종료하고 해당 함수 또는 블록을 빠져나온다.

다음은 switch 문과 if-else 문에서의 break와 return의 예시다.

// switch 문에서의 break
switch (value) {
  case 'case1':
    console.log('Case 1');
    break;
  case 'case2':
    console.log('Case 2');
    break;
  default:
    console.log('Default case');
    break;
}
// switch 문 종료

// if-else 문에서의 return
function checkValue(value) {
  if (value === 'case1') {
    console.log('Case 1');
    return;
  } else if (value === 'case2') {
    console.log('Case 2');
    return;
  } else {
    console.log('Default case');
    return;
  }
}
// 함수 종료

오늘 하루가 주어짐에 감사합니다. 내 주변인들이 건강하고 행복해서 감사합니다. 우리 가족이 웃으며 감사하고 행복하고 건강이 좋아 쾌활함이 넘침에 감사합니다. 감사합니다. 이미 이뤘는데 뭐ㅎㅎ 그래 뭐 ㅎㅎ 어쩌다가 멜론1위를 한 작곡가가 되었지? 왜케 이상하게 쉽게 되버렸네.

위의 예시에서 switch 문에서는 각 case 블록이 실행된 후 break 키워드로 인해 switch 문이 종료됩니다. 즉, switch 밖으로 빠져나오게 된다.

반면에 if-else 문에서는 조건에 따라 각 블록이 실행된 후 해당 블록을 종료하고 return 문을 사용하여 함수를 종료한다.
return 문을 사용하여 함수를 빠져나오게 되면 해당 함수의 나머지 부분은 실행되지 않는다.

자바스크립트에서 break는 반복문(for, while, do-while)과 switch 문에서 사용되는 것이 일반적이며, if-else 문에서는 return 문을 사용하여 조건문을 종료하고 빠져나오는 방법을 사용하면 된다.