본문 바로가기

Coding/TIL

TIL | #02 | 자바스크립트 기초 | 23.11.30.(목)

23.11.30.(THU).TIL.

Part.02 조건문

if문

'if'문

if(...)문은 괄호 안에 들어가는 조건을 평가하는데, 그 결과가 true이면 코드 블록이 실행된다.

if문을 쓸 때는 조건이 참일 경우 실행되는 구문이 단 한 줄이더라도 중괄호 {}를 사용해 코드를 블록으로 감싸는 것을 추천한다. 이렇게 하면 코드 가독성이 증가한다.
불린형으로의 변환

if (...) 문은 괄호 안의 표현식을 평가하고 그 결과를 불린값으로 변환한다.
'else'절

if문엔 else절을 붙일 수 있다. else 뒤에 이어지는 코드 블록은 조건이 거짓일 때 실행된다.
'else if'로 복수 조건 처리하기

유사하지만 약간씩 차이가 있는 조건 여러 개를 처리해야 할 때가 있다. 이때 else if를 사용할 수 있다.
조건부 연산자 '?'

조건에 따라 다른 값을 변수에 할당해줘야 할 때가 있다.
다중 '?'

물음표 연산자 ? 를 여러 개 연결하면 복수의 조건을 처리할 수 있다.
부적절한 '?'

물음표 ? 를 if 대용으로 쓰는 경우가 종종 있다. 그런데 이런 식으로 물음표 연산자를 사용하는 것은 좋지 않다.

switch문

문법

switch문은 하나 이상의 case 문으로 구성된다. 대개 default문도 있지만, 이는 필수는 아니다.
예시

let a = 2 + 2;

switch (a) {
    case 3:
        alert( '비교하려는 값보다 작습니다.' );
    case 4:
        alert( '비교하려는 값과 일치합니다.' );
    case 5:
        alert( '비교하려는 값보다 큽니다.');
    default:
        alert( "어떤 값인지 파악이 되지 않습니다." )
}

case문 안에 break 문이 없으면 조건에 부합하는지 여부를 따지지 않고 이어지는 case 문을 실행한다.
여러 개의 "case"문 묶기

코드가 같은 case문은 한데 묶을 수 있다.

예시
switch (a) {
    case 3 :
    case 5 :
        alert('계산이 틀립니다!');
        alert("수학 수업을 다시 들어보는 걸 권유 드립니다.");
        break;
}
자료형의 중요성

switch문은 일치 비교로 조건을 확인한다. 비교하려는 값과 case 문의 값의 형과 값이 같아야 해당 case 문이 실행된다.

 

* 출처 : 내배캠 깃북