반응형
조건문 중에 if문과 switch 문 예제를 따라 해 보자. 다른 언어와 차이가 없으므로 입문자가 아니면 쉽게 따라 할 수 있다.
1. if문
소스 코드
//if 조건문
let a = 3;
if (a >= 5) {
console.log("5이상");
} else if (a >= 3) {
console.log("3이상");
} else {
console.log("3미만");
}
결과
3이상
많이 사용하는 조건문 중에 if 문이다. if문이 많이 중첩되고 복잡해진다면, 유지 보수하는 인원들이 고생을 하게 된다. 너무 복잡해지는 조건은 피하는 것이 좋고 모든 사람이 쉽게 알아보도록 작성하는 게 중요한 것 같다.
2. switch문
소스 코드
//switch 조건문
let country = "ko";
switch (country) {
case "ko":
console.log("한국");
break;
case "cn":
console.log("중국");
break;
default:
console.log("미 분류");
break;
}
결과
한국
스위치문 같은 경우에는 if문의 단점을 보완할 때 사용하면 좋다. if문은 조건이 많아질 때 가독성이 떨어지는 측면이 있다. 프로그램이 어려운 이유가 적절한 곳에 조건문을 무엇을 쓰는지에 따라 생산성 차이가 있다.
3. 객체의 프로퍼티를 이용한 조건문
위에서 사용한 조건문을 객체의 프로퍼티를 사용해서 만들수도 있다.
소스 코드
const country = {
ko: "한국",
cn: "중국"
};
const getCon = (countryType) => {
return country[countryType] || "미 분류";
};
console.log(getCon("ko"));
console.log(getCon(""));
결과
한국
미 분류
ko가 해당하는 내용을 출력하는 getCon 함수를 만들 수 있다.
반응형
'Front-End > 자바스크립트' 카테고리의 다른 글
[자바스크립트] 콜백함수(CallBack) 예제를 통해 가장 쉽게 이해하기 (0) | 2022.06.14 |
---|---|
[자바스크립트] 함수 선언, 무명 함수, 화살표 함수 사용법 및 기본예제 (2) | 2022.06.14 |
[자바스크립트] 연산자 예제 및 총정리 (0) | 2022.06.13 |
[자바스크립트] 타입 종류의 특징 및 예제(Primitive Data Type) (0) | 2022.06.12 |
[자바스크립트] let, var, const 비교 (0) | 2022.06.12 |