본문 바로가기
JavaScript

[JS] 자바스크립트 - 조건문

by 희구리 2021. 1. 27.

📌 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

댓글