1️⃣ if 문
if 문은 가장 기본적인 조건문으로, 주어진 조건이 true일 때만 코드 블록이 실행됩니다.
let age = 20;
if (age >= 18) {
console.log("성인입니다.");
}
✅ age가 18 이상일 경우 "성인입니다."가 출력됩니다.
2️⃣ if - else 문
조건이 false일 때 실행할 코드도 정의할 수 있습니다.
let age = 16;
if (age >= 18) {
console.log("성인입니다.");
} else {
console.log("미성년자입니다.");
}
✅ age가 16이므로 "미성년자입니다."가 출력됩니다.
3️⃣ if - else if - 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 학점입니다.");
}
4️⃣ 삼항 연산자 (조건 연산자)
if-else 문을 간단히 표현할 때 사용합니다.
let age = 20;
let message = (age >= 18) ? "성인입니다." : "미성년자입니다.";
console.log(message);
✅ age가 20이므로 "성인입니다."가 출력됩니다.
5️⃣ switch 문
여러 경우를 비교할 때 유용하며, if - else if 문보다 가독성이 좋을 수 있습니다.
let day = "월요일";
switch (day) {
case "월요일":
console.log("한 주의 시작입니다!");
break;
case "금요일":
console.log("주말이 곧 옵니다!");
break;
case "토요일":
case "일요일":
console.log("주말입니다!");
break;
default:
console.log("평범한 날입니다.");
}
✅ day가 "월요일"이므로 "한 주의 시작입니다!"가 출력됩니다.
6️⃣ Falsy와 Truthy 값
자바스크립트에서는 조건문에서 true 또는 false로 평가될 수 있는 Truthy와 Falsy 값이 있습니다.
✅ Falsy 값 (false처럼 작동)
- false
- 0
- "" (빈 문자열)
- null
- undefined
- NaN
✅ Truthy 값 (true처럼 작동)
- true
- 1, -1, "hello", [], {} (비어 있어도 truthy)
if ("") {
console.log("Truthy");
} else {
console.log("Falsy");
}
✅ 빈 문자열("")은 Falsy이므로 "Falsy"가 출력됩니다.
7️⃣ 논리 연산자를 활용한 조건문
논리 연산자를 사용하면 조건문을 더욱 간결하게 만들 수 있습니다.
🔹 AND 연산자 (&&)
모든 조건이 true일 때 실행
let isMember = true;
let age = 25;
if (isMember && age >= 18) {
console.log("회원이고 성인입니다.");
}
🔹 OR 연산자 (||)
하나라도 true이면 실행
let hasCoupon = false;
let isVIP = true;
if (hasCoupon || isVIP) {
console.log("할인을 받을 수 있습니다.");
}
🔹 NOT 연산자 (!)
값을 반대로 변환
let isRaining = false;
if (!isRaining) {
console.log("우산이 필요 없습니다.");
}
✅ 정리
조건문 종류 | 설명 |
if 문 | 조건이 참이면 실행 |
if - else 문 | 조건이 참이면 실행, 거짓이면 다른 코드 실행 |
if - else if - else 문 | 여러 개의 조건을 평가 |
삼항 연산자 (? :) | 간단한 조건문 |
switch 문 | 특정 값에 따라 코드 실행 |
논리 연산자 (&&, ` |
*위 포스팅은 챗GPT 답변을 토대로 작성되었습니다!
'JavaScript' 카테고리의 다른 글
[JS] some()과 reduce()에 대해~ (0) | 2025.02.27 |
---|---|
[JS] 자바스크립트 split() 메서드 (0) | 2025.02.19 |
[JS] 자바스크립트 변수 var , let, const 차이 그리고 호이스팅 (0) | 2025.02.18 |
[JS] 코딩테스트 042 * 날짜 new Date() (0) | 2025.02.18 |
[JS] 코딩테스트 037 * 꼭 복습하기~! (0) | 2025.02.17 |