power-girl0-0

조건문 본문

언어/Javascript

조건문

power-girl0-0 2021. 2. 4. 17:58
728x90

생활코딩 javascript를 참고하여 공부하였습니다.

스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다.

( 출처 :  https://opentutorials.org/course/743)


 

 조건문 ( Conditional statement ) 

조건문은 주어진 조건에 따라서, 애플리케이션을 다르게 동작하도록 하는 것이다.


 조건문의 문법 

  if  

조건문은 if로 시작한다. 

if 뒤의 괄호에는 조건이 오는데, 해당 조건의 결과 값은 Boolean이다.

해당 조건의 결과값이 True일 경우 괄호 다음에 오는 중괄호 구문이 실행된다.

 

아래 예제를 통해서 좀 더 자세히 알아보자.

해당 예제는 조건 결과값이 true이므로, 중괄호에 들은 구문이 실행된다.

그래서, 아래와 같이 실행되는 것을 확인할 수 있다.

여기서, 조건 결과값이 false이면 아무것도 실행되지 않는다.

즉, 조건문에 대한 결과가 true일 경우 중괄호가 실행되지만 false일 경우는 실행되지 않는 것을 알 수 있다.

 

또다른 간단한 예제를 통해서 알아보자.

위와 같은 소스코드를 실행한다면, 어떤 결과가 출력될까?

if에 대한 값은 조건 결과값이 false이므로, 중괄호 구간이 출력되지 않고 if문 밖에 있는 alert(5);만 출력된다.


  else  

if문이 실행되지 않을 경우 else문을 실행한다.

따라서, 위 소스 코드를 실행하면 if문의 조건이 true이므로 1이 출력된다.

반대로, if문이 실행되면 else문이 실행되지 않는다.

따라서, 위 소스코드를 실행하면 if문의 조건이 false이므로 1은 출력되지 않고 2가 출력된다.

즉, if 조건 결과가 true이면 if문이 실행되고 false일 경우 else문이 실행된다.


  else if  

위 예제를 실행하면, 아래와 같이 2가 출력된다.

위 예제를 살펴보면!!

1번인 if 조건문의 결과값이 false라서 실행되지 않고 2번으로 넘어간다.
2번은 else if문의 조건문 결과값이 true이기 때문에 2번에 해당되는 코드가 실행되는 것이다.
3번과 4번은 2번이 출력되었으므로, 해당 조건문을 빠져나와서 실행되지 않는다.

즉, 조건문이 여러가지 일 때 사용하는 것이 else if문이다.

 

다른 예제를 통해서 좀 더 알아보도록 하자.

 

[ 예제 1 ]

<html>
<head>  
    <title></title>
</head>
<body>  
<script type="text/javascript">

    if(false){
        alert(1);       //실행되지 않는다.
    } else if(false){
        alert(2);       //실행되지 않는다.
    } else if(true){
        alert(3);       //실행된다.
    } else {
        alert(4);       //실행되지 않는다.
    }

</script>    
</body>
</html>

[ 예제 2 ]

<html>
<head>  
    <title></title>
</head>
<body>  
<script type="text/javascript">

    if(false){
        alert(1);       //실행되지 않는다.
    } else if(false){
        alert(2);       //실행되지 않는다.
    } else if(false){
        alert(3);       //실행되지 않는다.
    } else {
        alert(4);       //실행된다.
    }

</script>    
</body>
</html>

 


아래 구문은 우리가 이전 글에서 사용했던 코드이지만, 이 코드는 사실 비추천 코드이다.

조건문이 true이기 때문에 무조건 실행해주기 때문이다.

if(true){ 
	alert(3); //실행된다. 
   	 }

이전 실습 때, 해당 코드를 사용한 이유는 조건문 결과는 boolean이라는 것을 보여주기 위해서 사용했지만 실용적인 코드는 아니다.

 

조건문은 상황에 맞게 결과값이 출력되도록 가변적이어야 된다.

 

예제를 통해서 알아보자.

a = 1;
if(a === 1){
	alert("True");
}

위 코드의 실행결과는 True가 출력된다.

if문의 조건문을 위 예제와 같이 주면, a변수의 값에 따라서 if조건문의 결과값이 true가 될 수 있고 false가 될 수 있다.

 

이처럼, if문의 조건문은 가변적으로 작성되어야 상황에 따라서 원하는 값을 출력할 수 있다.

728x90

'언어 > Javascript' 카테고리의 다른 글

논리 연산자 & boolean의 대체제  (0) 2021.02.04
prompt & 조건문 활용 예제  (0) 2021.02.04
비교  (0) 2021.02.04
주석 & 줄바꿈과 여백  (0) 2021.02.04
변수 ( Variable )  (0) 2021.02.04
Comments