새소식

zerocho

javascript #5. 조건문

  • -

 

 

자바스크립트의 대표적인 조건문으로는 if와 switch가 있습니다!

 

 

If문 

if ( 조건 ) {

내용

}

if문은 조건이 true일 때 내용이 실행됩니다!

var a = 5;
if (a < 6) {
  alert('6보다 작음'); // alert함수는 메시지를 띄웁니다.
}

위 코드를 보면 a가 5로 선언되어 있고, if문 조건을 보면 a가 6보다 작으면 alert 창을 띄운다라고 명시되어 있는데,

a가 6보다 작으므로 alert 창이 실행됩니다. 

 

if문은 else나 else if를 덧붙여 조건을 구체화시킬 수도 있습니다!

if(조건){

내용 

}

else if (조건) {

내용

}

else {

내용

}

if 조건문이 만약 false일 경우 else if 문으로 넘어가게 되고 else if 조건문이 만약 true라면 내용을 실행, false라면 else 조건문으로 넘어가는 방식입니다. 

이러한 경우는 조건을 여러개로 나누고 싶을 때 실행됩니다.

 

if (a > 10) {
  alert('10보다 큼');
} else if (a > 5) {
  alert('5보다 큼');
} else {
  alert('5보다 작거나 같음');
}

위 코드의 경우 만약 a의 값이 7이라면 if문의 조건은 충족하지 않으므로 다음 else if문으로 넘어가게 되고 else if 문의 조건은 충족하므로 내용인 alert 5보다 큼이 실행이 됩니다. 

 

 

 

Switch문

 

switch ~case문은 

switch(변수) {

case 변수의 조건 :  

       내용 

       break;

case 변수의 조건

       내용 

       break; 

default :

      내용 

}

 

switch() 괄호안에 변수를 넣고 case문을 활용하여 이 변수의 조건을 달아주는 형식입니다!

만약 위에 적혀있는 모든 조건문이 충족하지 않는다면 else를 실행하는 if문의 else처럼  

switch문도 case를 다 충족하지 않는다면 default의 내용을 실행합니다. 

 

switch문을 사용할 때 조심해야할 것은 case문마다 내용을 적은 후 break;문을 적어주어야 합니다. 

적지 않으면 해당 case 아래로 모든 내용이 실행됩니다...! 

 

 

참 쉽죠~?~?~?

 

 

참고: 제로초 

'zerocho' 카테고리의 다른 글

javscript #7. 배열  (0) 2023.01.27
javascript #6. 반복문  (0) 2023.01.27
javascript #4. 연산자  (0) 2023.01.26
javascript #3. 함수  (0) 2023.01.26
javascript #2. 객체와 배열  (0) 2023.01.26
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.