JavaScript에서 조건문은 프로그램의 흐름을 제어하고, 다양한 상황에 따라 코드를 실행할 수 있게 해줍니다. 두 가지 주요한 조건문인 if문과 switch문은 프로그래밍에서 자주 사용되는 도구로, 각각 다른 상황에 적합하게 사용됩니다.
이 글에서는 if문과 switch문의 개념을 예시 코드를 통해 자세히 설명하고, 각각의 동작 방식을 살펴보겠습니다. 이를 통해 JavaScript 개발자들이 조건문을 효과적으로 활용하여 프로그램을 작성하는 데에 도움이 될 것입니다.
IF문
if문은 JavaScript에서 가장 기본적인 조건문으로, 특정 조건이 참인 경우에만 코드 블록을 실행합니다. 조건이 참이 아닌 경우, 해당 코드 블록은 무시되고 실행되지 않습니다.
예시코드
Copy code
<!DOCTYPE html>
<html>
<head>
<title>if문 예시</title>
</head>
<body>
<h2>if문</h2>
<p>if문은 다음과 같은 형식으로 작성됩니다:</p>
<pre>
if (조건) {
// 조건이 참일 때 실행되는 코드
} else {
// 조건이 거짓일 때 실행되는 코드 (옵션)
}
</pre>
<p>예시 코드:</p>
<pre>
const num = 10;
if (num > 0) {
document.write("num은 양수입니다.");
} else {
document.write("num은 음수입니다.");
}
</pre>
</body>
</html>위 예시 코드에서는 num 변수의 값이 0보다 큰지 확인하여 조건을 평가합니다. num이 10으로 초기화되었으므로, 조건 num > 0은 참이 되어 "num은 양수입니다."가 출력됩니다.
switch문
switch문은 if문과 유사한 조건문이지만, 특정 변수의 값에 따라 다른 조건들을 비교하고 실행할 수 있습니다.
예시코드
Copy code
<!DOCTYPE html>
<html>
<head>
<title>switch문 예시</title>
</head>
<body>
<h2>switch문</h2>
<p>switch문은 다음과 같은 형식으로 작성됩니다:</p>
<pre>
switch (변수) {
case 값1:
// 변수가 값1과 일치할 때 실행되는 코드
break;
case 값2:
// 변수가 값2와 일치할 때 실행되는 코드
break;
// 추가적인 case문들을 작성할 수 있습니다.
default:
// 모든 case에 해당하지 않을 때 실행되는 코드 (옵션)
}
</pre>
<p>예시 코드:</p>
<pre>
const fruit = 'apple';
switch (fruit) {
case 'banana':
document.write("바나나입니다.");
break;
case 'apple':
document.write("사과입니다.");
break;
default:
document.write("기타 과일입니다.");
}
</pre>
</body>
</html>위 예시 코드에서는 fruit 변수의 값이 'apple'인지 확인하여 switch문 내부의 case문들을 비교합니다. fruit가 'apple'과 일치하므로 "사과입니다."가 출력됩니다.
if문과 switch문은 서로 다른 상황에 따라 사용될 수 있으며, 개발자는 코드의 가독성과 유지보수를 고려하여 적절한 조건문을 선택할 수 있어야 합니다. 간단한 조건에 대해서는 if문을 사용하고, 복잡한 다중 조건인 경우에는 switch문이 유용합니다.
