[javascript] 조건문

 

 

 

 

1. 조건문(if, else, else if)

조건에 따라 특정 코드를 실행시킬 수 있음(조건식이 참인지 거짓인지에 따라 자바스크립트 코드를 제어)

 

---

if문 : 조건을 만족(true)할 경우에만 코드를 실행

if(조건식){
            자바스크립트 코드
             }

 

예제1)

10000이상의 걸음 수를 입력하면,

예제2)

 

60이상을 입력하면,

- 조건식에 논리형데이터(true, false)가 아닌 다른형의 데이터가 입력되어도 true/false로 인식.

- 0, null, " "(빈문자), undefined등이 조건식에 입력되면 false를 반환하고, 그밖의 값은 true로 인식.

- (질의응답 창에서도 답을 입력하지 않으면 빈문자("")로 인식하여 false값이 입력)

var num = 3;
if(num){ //3은 true
          document.write(num);
          }

var num = 0;
if(num){ //0은 false
          document.write(num);
          }

 

 

 

예제3)

 

---

 

else문 : 조건식을 만족할 경우(true), 만족하지 않을 경우(false)에 따라 실행되는 코드가 달라짐.

if(조건식){
             자바스크립트 코드1;
             }else(조건식){
             자바스크립트 코드2;
            }

 

 

예제4)

 

 

예제5) confirm() 매서드를 이용하여 확인/취소 창을 나타내어 회원 탈퇴여부 묻는 창 만들기

 

confirm( )매서드는 [확인]버튼을 누르면 true값을 반환, [취소]버튼을 누르면 false 값을 반환하여 변수 result에 저장

 

 

---

else if문 : 두가지 이상의 조건식과 정해놓은 조건을 만족하지 않았을 때 시행되는 코드로 이루어짐.

if(조건식){
             코드1;
             }else if{
             코드2;
             }else if{
             코드3;
             }else if{
             코드4;
             }else if{
             코드5;
             }

 

 

 

예제6)

 

 

---

중첩문 if : 조건문 안에 조건문이 있으면 중첩 if문이라고 함.

if(조건식1){
             if(조건식2){
                          자바스크립트 코드;
                          }
              }

ex) 아이디= 조건식1, 비밀번호=조건식2 ===> 아이디값이 일치해야만 비밀번호 일치여부를 확인 함.바깥쪽에 있는 조건식 1을 만족해야만이 조건식2를 검사함

 

 

 

예제7)

 

 

출처: [Do it! 자바스크립트 + 제이쿼리 입문 (전면 개정판)]