2024.10.06 - [프로그래밍언어/자바스크립트] - [쉽고 빠르게 배우는 자바스크립트] 3. 연산자
조건문은 자바스크립트에서 코드의 흐름을 제어하는 중요한 요소입니다. 조건문을 사용하면 특정 조건에 따라 코드의 실행 여부를 결정할 수 있습니다. 이번 글에서는 자바스크립트에서 사용되는 여러 가지 조건문과 그 활용법을 알아보겠습니다.
if 문
가장 기본적인 조건문은 if입니다. if 문은 주어진 조건이 true(참) 일 때만 코드 블록을 실행합니다.
if (조건) {
// 조건이 참일 때 실행될 코드
}
예시)
let age = 20;
if (age >= 19) {
console.log("성인입니다."); // age가 19 이상일 때 실행
}
위 코드는 age가 20으로 19 이상이기 때문에 "성인입니다."를 출력합니다.
if-else 문
if 문만으로는 조건이 참일 때만 코드를 실행할 수 있습니다. 조건이 false(거짓) 일 때 다른 코드를 실행하고 싶다면 else 블록을 사용하면 됩니다.
if (조건) {
// 조건이 참일 때 실행될 코드
} else {
// 조건이 거짓일 때 실행될 코드
}
예시)
let age = 16;
if (age >= 19) {
console.log("성인입니다."); // age가 19 이상일 때 실행
} else {
console.log("미성년자입니다."); // age가 19 이상이 아닐 때 실행
}
위 코드는 age가 16으로 19 이상이 아니기 때문에 "미성년자입니다."를 출력합니다.
if-else 문은 이전 글에서 다뤘던 삼항 연산자로도 표현할 수 있습니다.
예시)
let age = 16;
console.log(age >= 19 ? "성인입니다." : "미성년자입니다.");
삼항 연산자는 코드가 짧을 때 가독성을 높이는 데 도움을 줍니다.
if-else 중첩문
여러 가지 조건을 검사하고자 할 때는 else if 블록을 추가할 수 있습니다. 이 방법으로 조건을 세분화하여 처리할 수 있습니다.
if (조건1) {
// 조건1이 참일 때 실행될 코드
} else if (조건2) {
// 조건2가 참일 때 실행될 코드
} else {
// 위의 모든 조건이 거짓일 때 실행될 코드
}
예시)
let score = 85;
if (score >= 90) {
console.log("A 학점");
} else if (score >= 80) {
console.log("B 학점");
} else if (score >= 70) {
console.log("C 학점");
} else {
console.log("F 학점");
}
score가 85이기 때문에 "B 학점"이 출력됩니다.
switch 문
switch 문은 여러 값에 따라 실행할 코드를 선택해야 할 때 사용됩니다. 조건이 많아질수록 if-else 문보다 가독성이 좋아지는 장점이 있습니다.
switch (표현식) {
case 값1:
// 값1일 때 실행될 코드
break;
case 값2:
// 값2일 때 실행될 코드
break;
default:
// 모든 조건에 해당하지 않을 때 실행될 코드
}
예시)
let day = 3;
switch (day) {
case 1:
console.log("월요일");
break;
case 2:
console.log("화요일");
break;
case 3:
console.log("수요일");
break;
case 4:
console.log("목요일");
break;
case 5:
console.log("금요일");
break;
default:
console.log("주말");
}
이 코드에서는 day가 3이므로 "수요일"이 출력됩니다.
조건문을 사용할 때 주의할 점
- 코드 가독성: 복잡한 조건문은 가독성을 떨어뜨릴 수 있습니다. 너무 많은 else if를 사용하기보다는 switch 문을 사용하거나, 함수로 분리하는 방법도 고려해야 합니다.
- 타입 강제 변환: 자바스크립트는 자동으로 타입을 변환하기 때문에 == 대신 === (일치 연산자)을 사용하는 것이 좋습니다. 예를 들어, 0 == false는 참이지만 0 === false는 거짓입니다. 이는 의도한 게 아니라면 예기치 않은 결과를 초래할 수 있으니 주의해야 합니다.
'프로그래밍언어 > 자바스크립트' 카테고리의 다른 글
[쉽고 빠르게 배우는 자바스크립트] 3. 연산자 (1) | 2024.10.06 |
---|---|
[쉽고 빠르게 배우는 자바스크립트] 2. 변수 (4) | 2024.10.05 |
[쉽고 빠르게 배우는 자바스크립트] 1. 실행 환경 구축하기 (0) | 2023.05.20 |
[쉽고 빠르게 배우는 자바스크립트] 0. 자바스크립트(JS)란 무엇인가 (0) | 2023.05.20 |