반응형
if문, switch문 모두 자바스크립트
조건문
이다.
그럼 어떤 차이점이 있는지 알아보자.
if문
if(조건문){
실행할 코드
}
✨ 조건문에 연산자를 사용하여 논리적인식 작성 가능 ✨
✔️ 중첩 가능 (다중 fi문)
✔️ 중첩횟수는 상관없으나, 코드의 가독성이 안좋아짐
: 한 번 정도만 중첩하는 것을 추천
let num1 = 10;
if(num1 % 2 === 0){
console.log("변수 num1에 할당된 숫자는 짝수입니다.");
if(num1 > 5){
console.log("num1은 5보다 큽니다.")
} else if(num1 > 0){
console.log("num1은 0보다 큽니다.")
} else {
console.log("num1은 0보다 작습니다.")
}
}
switch문
switch(key){
case value;
break;
default;
break;
}
✨ 조건문에 값을 작성 ✨
✔️ 하나의 case에 하나의 break 사용 (필수 ❌)
✔️ break 키워드 의도적으로 생략하는 경우,
첫번째 case에서 출력(실행)해야하는 코드 = 두번째 case에서 출력(실행)해야하는 코드
let food = "melon";
switch (food) {
case "melon":
console.log("fruit");
break;
case "apple":
console.log("fruit");
break;
case "banana":
console.log("fruit");
break;
case "carrot":
console.log("vegetable");
break;
default:
console.log("It's not fruits and vegetables.");
break;
}
=
let food = "melon";
switch (food) {
case "melon":
case "apple":
case "banana":
console.log("fruit");
break;
case "carrot":
console.log("vegetable");
break;
default:
console.log("It's not fruits and vegetables.");
break;
}
if VS switch
두 조건문의 가장 큰 차이점은
조건문의 형태가 다르다
는 것이다.
위의 예시코드를 보면 알 수 있듯이
if문은 조건에 식을 사용한다.
조금 더 자유로운 범위 안에서 조건문 작성이 가능하다.
switch문은 조건에 값을 사용한다.
어떠한 값이 담겨져 있는 변수 혹은 값을 매개변수로 전달받아서 일치하는 case를 실행한다.
그러므로
범위를 이용한 조건을 작성할 때는
if문
이 적합하고,
값이 하나일 때는
switch문
이 더 적합하다.
반응형
'HTML + CSS + 자바스크립트' 카테고리의 다른 글
즉시 실행 함수 사용하기 (0) | 2023.12.07 |
---|---|
자바스크립트 함수 정의하는 3가지 방법 (0) | 2023.12.06 |
문자열에 ''(작은 따옴표), ""(큰 따옴표) 넣으면 에러 해결하기 (2) | 2023.12.04 |
var, let, const 차이점 비교 한 눈에 확인하기 (2) | 2023.12.04 |
반응형 웹을 만드는 주요 기술 중 하나 '미디어 쿼리(media query)' (0) | 2023.11.30 |