
조건문
If문
Switch문
조건문
조건문: 특정 조건을 만족하는 경우에만 실행되는 문법
• If문:복잡한 다중 조건에 강력한 제어가 가능
• Switch문: 변수 값 기반의 직관적인 분기 처리 가능
If문
If 문: 복잡하고 여러 개의 조건을 다루는 경우 유용하며, 특정 조건이 참일 때와 거짓일 때 다른 코드 실행이 가능하다.
• 기본 구조: if로 시작하여 else로 마무리된다.
• else if로 조건 추가: 만약 여러 개의 다른 조건을 순차적으로 검사해야 하는 경우 유용하다.
// 1. if 조건문 (if문): 복잡한 여러 개의 조건을 이용하는 경우 용이
let num = 9;
// if(조건식){조건 만족 시 실행 코드}
// else {조건 만족하지 않는 경우 실행 코드}
// 무조건 if로 시작해서 else로 종료되어야 한다.
if (num >= 10) {
console.log("num은 10 이상입니다.");
console.log("조건이 참 입니다.");
} else {
console.log("조건에 맞지 않습니다.");
}
//else if: 새로운 조건을 추가하는 경우 사용
let num1 = 6;
if (num1 >= 10) {
console.log("num은 10 이상입니다.");
console.log("조건이 참 입니다.");
} else if (num1 >= 5) {
console.log(num1);
console.log("num이 10 미만 5 이상입니다.");
} else {
console.log("조건에 맞지 않습니다.");
}
Switch문
Switch조건문: 특정 변수의 값을 기준으로 각각 다른 코드를 실행하는 경우 유용하다.
if문과 기능적으로는 동일하지만, 다수의 조건을 처리할 때 직관적이다.
• break의 중요성: 일치하는 case를 찾은 후 모든 case 코드가 실행되지 않도록 멈춰주는 역할을 수행한다.
• default의 역할: switch문 안의 어떤 case와도 변수의 값이 일치하지 않는 경우 default 블록의 코드가 실행된다.
// 2. Switch 조건문: 어떤 변수의 값을 기준으로 각각 다른 코드 실행하는 경우 용이
// if문과 기능 자체는 동일
// -> 다수의 조건 처리 시 if보다 직관적
let animal = "cat";
// 모든 값이 나오는 이유: case 일치하는 경우 나머지 코드 전부 실행한다.
// break: 스위치문을 원하는 케이스에서만 멈추는 역할
switch (animal) {
case "cat": {
console.log("고양이");
break;
}
case "dog": {
console.log("개");
break;
}
case "bear": {
console.log("곰");
break;
}
case "snake": {
console.log("뱀");
break;
}
case "tiger": {
console.log("호랑이");
break;
}
default: {
console.log("위 동물은 존재하지 않습니다."); // if문의 else 역할
}
}
반응형
'Frontend(프론트엔드) > 자바스크립트' 카테고리의 다른 글
| [JavaScript] 자바스크립트의 기초_함수(function) (0) | 2025.09.01 |
|---|---|
| [JavaScript] 자바스크립트의 기초_반복문(For문) (0) | 2025.09.01 |
| [JavaScript] 자바스크립트의 기초_연산자 활용 (0) | 2025.09.01 |
| [JavaScript] 자바스크립트의 기초_연산자 (0) | 2025.08.30 |
| [JavaScript]자바스크립트의 기초_자료형 변환 (0) | 2025.08.30 |