티스토리 뷰

Javascript

Javascript : 조건문

Gayeong's 2022. 3. 11. 18:08

조건문

조건문은 조건식의 값이 참(true)인지, 거짓(false)인지에 따라 자바스크립트 코드를 제어합니다.
예를 들어 질의응답 창을 이용해 방문자가 좋아하눈 숫자를 입력받았습니다. 이때 입력된 값을 2로 나누어 나머지 값이 0이면 "딩신이 좋아하는 숫자는 짝수입니다."라고 출력하게 하고, 아닐 경우에는 "딩신이 좋아하는 숫자는 짝수입니다."라고 출력하게 한다고 합시다. 이렇게 수를 나눈 나머지 값에 따라 다른 결과를 출력하게 하려면 조건문을 사용해야 합니다.
조건문의 종류에는 if문, else문, 그리고 else if문 등이 있습니다.

if문

if문은 조건식을 만족(true)할 경우에만 코드를 실행합니다.
Boolean() 내장 메서드와 마찬가지로 어떤 데이터를 입력하든 true or false로 반환합니다.

if문 기본형

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

if문 예시(1)

{
    var num=10
    if(num<100) {   //true로 반환
        document.write("hello");  
    }
}  //hello라고 출력됨. 

if문 예시(2) - Boolean()메서드에 0입력했을 때와 같음

{
    if(0) {   //false로 반환
        document.write("hello");  
    }
}  //실행되지 않음. 

조건식에 논리형 데이터가 아닌 다른 형이 오는 경우

조건식에 논리형 데이터(true, face)가 아닌 다른 형의 데이터가 입력되어도 true 또는 false로 인식 됩니다.
다음 값이 조건식이에 입력되면 flase로 반환, 그 밖의 값은 true로 인식합니다.

0, null, undefined, ""(빈문자)

else문

else문은 조건식을 만족할(true)경우와 만족하지 않을(false) 경우에 따라 실행되는 코드가 달라집니다. 즉, 두 가지 결과가 나올 수 있습니다.

else문 기본형

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

if else문

if else문은 두 가지 이상의 조건식과 정해 놓은 조건을 만족하지 않았을 때 실행되는 코드로 이루어져 있습니다.

if else문의 기본형

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

중첩 if문

중첩 if문은 조건문 in 조건문, 조건문 안에 조건문이 있으면 중첩 if문이라고 합니다.

중첩 if문의 기본형

{
    if(조건식1) {
    } if(조건식2) {
        코드; 
}

 

'Javascript' 카테고리의 다른 글

Javascript : 함수  (0) 2022.03.11
Javascript : 반복문  (0) 2022.03.11
Javascript : 연산자  (0) 2022.03.11
for문 이용해서 1부터 100까지 합구하기  (0) 2022.02.03
데이터 타입(자료형)  (0) 2022.01.27
댓글
© 2018 webstoryboy