JAVASCRIPT

자바스크립트 조건문에 대해 알아봅시다!

김도현2 2023. 2. 24. 19:18
반응형

 

자바스크립트(JavaScript) 조건문 

조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.

자바스크립트에서는 if문, switch문, 삼항 연산자 등의 조건문을 사용할 수 있습니다.

 

 

 

1. if 문

if문은 가장 일반적으로 사용되는 조건문입니다.

만약 조건식이 참이면 중괄호 안의 코드 블록이 실행되고, 거짓이면 블록을 건너뛰고 다음 코드가 실행됩니다.

{
    const num = 200;
    
    if(num == 200){
   		document.write(num + "실행되었습니다. (true)");
    }
}
//결과: 200 실행되었습니다. (true)

num값이 조건문에 맞기 때문에 결과가 잘 출력된 모습입니다.

 

 

 

 

2. if-else 문

if-else문은 주어진 조건이 true이면 if문의 코드 블록을 실행하고, 그렇지 않으면 else문의 코드 블록을 실행합니다.

{
    const num = 300;
    
    if(num == 200){
   		document.write(num + "실행되었습니다. (true)");
    } else {
    	document.write(num + "실행되었습니다. (false)");
    }
}
//결과: 300 실행되었습니다. (false)

num값이 첫번째 조건문 num == 200 (num이 200과 같냐) 조건에서 통과하지 못했기에 출력코드를 통과하게 됩니다.

그러므로 else 값을 출력 하게 되어 false가 됩니다.

 

 

 

3. else if 문

else if문은 여러 개의 조건식을 체크할 때 사용합니다. 첫 번째 if문이 false이면 다음 else if문을 검사하고,

그것도 false이면 다음 else if문을 검사하고, 이렇게 계속해서 조건식을 검사합니다.

마지막으로 모든 조건식이 false이면 else문의 코드 블록을 실행합니다.

 

{
    // == 는 숫자,문자열 구분x
    // === 는 숫자,문자열 구분o
    const num = 150;
    if(num == 90){      //num값이 90과 같을때 { }안에 있는 값을 실행
        document.write("실행되었습니다(mum == 90)");
    } else if(num == 100){
        document.write("실행되었습니다(mum == 100)");
    } else if(num == 110){
        document.write("실행되었습니다(mum == 110)");
    } else if(num == 120){
        document.write("실행되었습니다(mum == 120)");       
    } else {               //위에 조건문들이 조건에 안맞아서 else까지 내려왔다면 { }안에 있는 값을 실행
        document.write("실행되었습니다");
    }  
}
//결과 : 실행되었습니다

num 값이 150이기 때문에 아무 조건에 들지못하고 else값을 출력해 '실행되었습니다' 라는 결과가 나온 모습입니다.

 

 

 

4. 삼항 조건문

삼항 조건문(ternary operator)은 if-else문을 간략하게 표현하는 방법입니다. 삼항 조건문은 표현식(expression)의 결과에 따라 값을 반환합니다.

{
    const num = 100;
         
    if(num == 100){
        document.write("true"); //num값이 100이 맞다면 true
    } else {                             //위에 값이 조건에 안맞다면 else로 넘어가기
        document.write("false");
    }
--------------------------------------------------------------------
    (num == 100) ? document.write("true") : document.write("false");    //? - 조건문  : - true,false 중 하나를 출력합니다.
}
    //위에있는 코드와 아래에 있는 코드는 같은 값을 냅니다. 
    //밑에 열에 있는 삼항 연산자를 이용해 코드를 줄일 수 있습니다.

삼항 조건문은 코드를 간략하게 표현할 수 있어 가독성을 높일 수 있습니다.

그러나 복잡한 조건식이나 코드 블록이 있는 경우 if-else문으로 대체하는 것이 가독성과 유지보수성을 높일 수 있습니다.

 

 

 

5. switch 문

switch문은 주어진 값에 따라 여러 코드 블록 중 하나를 선택하여 실행합니다.

각 코드 블록은 case문으로 구분되며, 주어진 값이 해당 case문의 값과 일치하면 해당 코드 블록을 실행합니다.

default문은 주어진 값이 어떤 case문에도 해당하지 않을 때 실행됩니다.

switch (값) {
  case 값1:
    // 값이 값1과 일치할 때 실행되는 코드
    break;
  case 값2:
    // 값이 값2와 일치할 때 실행되는 코드
    break;
  default:
    // 모든 case문에 해당하지 않을 때 실행되는 코드
}

이러한 조건문을 사용하여 프로그램의 흐름을 유연하게 제어할 수 있습니다.

 

 

 

 

 

조건문들에 대해 알아봤습니다...

역시 어렵지만 열심히 하면 익숙해 질거같습니다!