Tiny Star

🖥️FrontEnd/🟡JavaScript

[JavaScript] 조건문

청크 2023. 5. 12. 21:28

조건문은 프로그래밍을 할 때 특정 조건과 명령에 따라 실행 순서를 정할 때 사용하며, 가장 많이 사용되는 구문이다.

 

if 문

//if문 기본형

if (조건) {
	조건이 true일 때 실행 할 명령
    }

if문은 어떠한 조건을 체크하여 결괏값이 true면 if문 다음에 나오는 조건값을 실행하고, false라면 아무 실행도 하지 않는다.

 

만약 조건을 만족했을 경우 실행할 명령이 여러 개라면 중괄호({ })로 묶고,  그 안에 명령을 나열하여 순서대로 한꺼번에 처리하라고 표시할 수 있다.

중괄호로 묶은 영역은 코드블록이라고 한다.

 

if-else 문

//if-else문 기본형

if (조건) {
	조건이 true일 때 실행 할 명령
    } else {
    조건이 flase일 때 실행 할 명령
    }

if-else문은 조건의 결괏값이 true가 아닐 때, 즉 false일 때 실행 할 명령을 지정한다.

 

중첩 if-else 문

if-else문안에 또다시 if-else문을 사용할 수 있는데, 이를 중첩된 if-else문이라고 하며, 다중조건에 사용할 수 있다.

//중첩 if-else문 예시

<script>
	var age = prompt("나이를 입력하세요.");

	if (age !== null) { // 입력값이 null이 아니면 if-else문을 실행
		if(age > 20}
    		alert("성인입니다.");
    	else
    		alert("청소년입니다.");
	}
	else
    	alert("입력 취소"); //입력값이 null값일 때 알림창을 보여줌
</script>

위 예시처럼 프롬프트 창에 나이를 입력한 경우,

입력한 나이가 20보다 크면 "성인입니다."를, 작으면 "청소년입니다"를 보여준다.

 

만약 나이를 입력하지 않고 취소버튼을 눌러 이탈했을 경우 "입력 취소"라는 알림 창을 띄우며 조건문을 빠져나온다.

 

조건 연산자로 조건 체크하기

조건이 하나이고 그 조건이 true값일 때와 false값일 때 실행 할 명령이 각각 하나뿐이라면 if-else문 대신 조건 연산자를 사용하는 것이 더 간단하다.

조건연산자는 아래 기본형과 같이 물음표 기호와 콜론 기호로 이루어진다.

//조건 연산자 기본형
(조건) ? true일 때 실행할 명령 : flase일 때 실행할 명령

만약 중첩 if-else문 예제를 조건 연산자를 사용하면 이렇게 작성할 수 있겠다.

//조건연산자로 조건체크하기 예시

<script>
	var age = prompt("나이를 입력하세요.");

	if (age !== null)
		(age > 20) ? alert("성인입니다.") : alert("청소년입니다.");
	else
    	alert("입력 취소");
</script>

논리연산자로 조건체크하기

만약 조건을 2개 이상 체크해야 할 경우에는 논리 연산자를 이용하여 조건식을 만드는데, 여러 경우의 수를 따질 때 사용한다.

 

앞서 연산자 파트에서 포스팅했던 것처럼 OR, AND, NOT 세 개의 연산자가 존재한다.

 

OR 연산자로 조건체크 : '||' 기호를 사용하며 피연산자 중 하나만 true여도 true값을 갖는다.

 

AND 연산자로 조건체크 : '&&' 기호를 사용하며 피연산자 모두 true경우 true값을 갖는다.

 

NOT 연산자로 조건체크 : '!'기호를 사용하며 피연산자의 반댓값을 지정한다. (true->flase, flase-> true)

 

swich 문

 처리해야 할 명령이 많은 경우 if-else문보다 swich문을 사용하는 것이 더 편하다.

swich문에서 조건을 체크한 후 case문을 사용하여 명령을 처리할 수 있으며,

조건은 아래에 있는 case문의 값과 일대일로 일치해야 한다.

 

//swich문 기본형
swich(조건)
	{
		case 값1: 명령1
			break
		case 값2: 명령2
			break
		.....
		default: 명령n //조건이 아닌 값을 입력받을 경우 출력되는 명령
	}

swich문의 조건이 실행되고, case문의 명령을 실행한 후에는 전체 swich문을 완전히 빠져나온다.

쉽게 말해 조건이 case 값 1과 일치하면 명령 1이 실행되고 break문을 만나 swich문을 완전히 빠져나오는 것이다.

만약 case 값1과 일치하지 않고 값 2번과 일치한다면 명령 2를 실행한다.

 

만약 일치하는 case값이 없다면 맨 아래에 있는 default문을 실행하고 swich문을 빠져나온다.

default문은 swich문 제일 마지막에 작성하며, default문 다음에는 break문을 쓰지 않는다.

'🖥️FrontEnd > 🟡JavaScript' 카테고리의 다른 글

[JavaScript] 함수의 선언 및 호출  (0) 2023.05.13
[JavaScript] 반복문  (0) 2023.05.13
[JavaScript] 연산자  (0) 2023.05.12
[JavaScript] 자료형 이해하기  (0) 2023.05.12
[JavaScript] 변수  (0) 2023.05.11