자바스크립트와 조건문

Beom·2022년 3월 6일
0

자바스크립트 101

목록 보기
4/9

조건문이란?

주어진 표현식의 결과에 따라 일정 코드의 실행여부가 결정되는 것
명시한 조건이 참인지 거짓인지에 따라 결과가 달라진다

If ... else 문

if (조건) {
  조건이 참일 경우 실행할 코드
} else {
  조건이 거짓일 경우 실행할 코드
}

If 문의 경우 조건식의 값은 불리언 값으로 평가된다 (참 또는 거짓)
이에 조건이 참일 경우 설정한 코드가 실행되며 종료된다
하지만 조건이 거짓으로 판별된다면 두번째 else 문에 설정한 코드가 실행된다

만약 판별해야 될 조건이 많은 경우에는 어떻게 할까?

조건을 충족했을 때 실행될 코드를 A 또는 B, 두가지 경우라면 단순히 else문을 활용하여 조건문을 작성하면 된다
하지만 많은 경우의 수가 있다면 복잡한 조건을 판별할 수 있는 조건문이 필요할 것이다
이런 경우 우리는 else if 문을 활용할 수 있다

if (조건) {
  조건이 참일 경우 실행할 코드
} else if {
  조건이 거짓일 경우 실행할 코드
} else {
  조건이 모두 거짓일 경우 실행할 코드
}

위의 예시처럼 else if 문을 활용하여 복잡한 조건에 사용할 수 있는 조건문을 만들 수 있다
else if 문은 중첩을 하여 활용할 수도 있다

else if 와 else 문은 옵션이기에 사용할수도, 안할수도 있다

if ... else 문을 사용하지 않고 다양한 조건을 만들어보자

논리연산자를 활용하면 복잡한 조건을 한 구문으로 표현 가능하다

And 연산자는 두 조건이 모두 참일 때 참을 반환한다 ( && )

if ( A && B ) {
  조건이 참일 경우 실행할 코드
}

Or 연산자는 두 조건 중 하나가 참일 때 참을 반환한다 ( || )

if ( A || B ) {
  조건이 참일 경우 실행할 코드
}

Not 연산자는 두 조건이 같지 않을 때 참을 반환한다 ( ! )

if ( A != B ) {
  조건이 참일 경우 실행할 코드
}

Switch 문

switch (표현식) {
	case 표현식/값 1:
    	switch 의 표현식과 case 의 표현식/값이 일치할 경우 실행할 코드;
        break;
	case 표현식/값 2:
    	swtich 의 표현식과 case 의 표현식/값이 일치할 경우 실행할 코드;
        break;
	default:
    	switch 의 표현식과 일치하는 게 없을 때 실행할 코드;
}

Switch 조건문은 표현식의 값과 일치하는 하나를 찾을 때까지 항목을 실행하고 그에 맞는 코드를 실행한다
Switch 문은 표현식과 case문의 표현식을 엄격 일치 (===) 를 사용하여 평가한다
만약 일치하는 case가 없다면 default 의 코드를 실행한다 (default 는 필수는 아니다)
각 case 의 코드 표현식이 끝났을 때 break을 사용해주어 조건이 일치할 때 실행을 멈추게 해준다
(만약 break 가 생략된다면 조건 부합여부를 따지지 않고 case 문을 지속 실행한다)


If 문과 Switch 문의 활용

If ... else 문은 불리언 값 (참과 거짓)으로 평가하는 조건문이였다
Switch 문은 참과 거짓을 포함하여 다양한 상황에 따라 코드를 실행할 때 주로 사용한다

삼항 조건 연산자

삼항 조건 연산자는 조건식의 평가 결과에 따라 반환할 값이 결정된다

조건식 ? 조건식이 true 일 때의 값 : 조건식이 false 일 때의 값

0개의 댓글