📌 if 조건문
중첩해서 사용할 경우에는 if, else if, else의 중괄호 안에다 작성하면 된다.
기타 다른 언어의 if 조건문 처럼 사용이 크게 어렵지 않다.
if (조건식) {
} else if (조건식) {
} else if (조건식) {
} else {
}
📌 switch 조건문
switch 조건문의 기본형태는 다음과 같다.
- siwtch(식) - 식에 따라 처리를 분기
- case 값: 처리내용 - 해당 조건 만족 시 처리
- default: 처리내용 - 만족하는 조건이 하나도 없는 경우의 처리
switch (비교할 값) {
case 값:
문장
break;
case 값:
문장
break;
default:
문장
break;
}
switch 조건문은 자주 사용해보지 않아서 예시가 필요...
ex 1) 홀수와 짝수 구분
let input = 7;
switch (input % 2) {
case 0:
console.log("짝수");
break;
case 1:
console.log("홀수");
break;
}
ex 2) break 키워드를 사용하지 않는 switch 조건문
let date = new Date();
switch (date.getMonth() + 1) { // getMonth()는 0부터 시작하므로 +1 해준다.
case 12:
case 1:
case 2:
console.log("겨울입니다.");
break;
case 3:
case 4:
case 5:
console.log("봄입니다.")
break;
case 6:
case 7:
case 8:
console.log("여름입니다.")
break;
case 9:
case 10:
case 11:
console.log("가을입니다.")
break;
default:
console.log("예외가... 없습니다...");
break;
}
※ switch는 '===' 비교를 한다.
const number = '100';
switch (number) {
case 100:
console.log('숫자 타입의 100이다.');
break;
default;
console.log('숫자 타입의 100이 아니다.');
break;
}
📌 삼항 연산자
if 조건문, switch 조건문 이외에도 조건을 구분할 때 사용할 수 있는 문법이 있다. → 삼항 연산자
<조건식> ? <참> : <거짓>
삼항 연산자를 사용하면 코드는 간편해질 수 있으나 가독성이 떨어질 수 있다.
따라서, 한 줄로 표시할 수 있을 때만 사용하는 것이 좋다.
ex 1) 홀수와 짝수 구분
console.log(3 % 2 == 0 ? true : false) // false
console.log(3 % 2 == 0 ? "짝수" : "홀수") // 짝수
ex 2) 삼항 연산자를 활용한 변수 초기화
let test; // undefined
test = test ? test : "초기화할 값";
console.log(test); // "초기화할 값"
삼항 연산자를 활용한 변수 초기화의 코드보다 조금 더 짧게 적을 수 있는 방법도 있다. → '||'를 사용
TMI) '&&' 연산자는 반대로 작동하지만 거의 사용하지 않는다.
- A || B 에서 A가 참이라면 A로 대치한다.
- A || B 에서 A가 거짓이라면 B로 대치한다.
let test; // undefined
test = test || "초기화할 값";
console.log(test); // "초기화할 값"
참고도서
- 자바스크립트 프로그래밍 입문
- 실무에 바로 적용하는 자바스크립트 코드 레시피 278
'JavaScript' 카테고리의 다른 글
[JS] 자바스크립트 - 함수 (0) | 2021.03.29 |
---|---|
[JS] 자바스크립트 - 배열 (0) | 2021.02.25 |
[JS] 자바스크립트 - 반복문 (0) | 2021.01.29 |
[JS] 자바스크립트 기초 (0) | 2021.01.26 |
댓글