조건문

 

조건문

어떤 조건이 주어질 때 어떤 동작을 수행하도록 하는, 즉 조건에 따라 실행이 달라지게 할 때 사용되는 문장입니다. if문과 switch문이 있습니다.

if문

if문의 기본 형식입니다.

if (조건식) {
    실행문;
}

if (조건식) {
    실행문1;
} else {
    실행문2;
}

if (조건식) {
    실행문1;
} else if (조건식2) {
    실행문2;
} else {
    실행문3;
}

switch문

switch문의 기본 형식입니다.

switch (값) {
   case 값1 :
   실행문;
   break;
   case 값2 :
   실행문;
   break;
   default :
   실행문;
}

---

01. if문(제어문) //조건문

if,else문의 기본문이다

if("0null"){
    document.write("실행되었습니다(true).");
} else {
    document.write("실행되었습니다(false).");
}

결과 확인하기

실행되었습니다(true).

02. if문 생략

if문은 생략이 가능하다

const num = 100;

if(num) document.write("실행되었습니다(true).");
else document.write("실행되었습니다(false).");

결과 확인하기

실행되었습니다(true).

03. 다중 if문

if와 else if를 사용해 다중 if문을 만들수 있다.

const num = 100;

if( num == 90) {
    document.write("실행되었습니다(num=90)");
} else if(num == 100) {
    document.write("실행되었습니다(num=100)");
} else if(num == 110) {
    document.write("실행되었습니다(num=110)");
} else if(num == 120) {
    document.write("실행되었습니다(num=120)");
} else {
    document.write("실행되었습니다(num=값이없음)");
}

결과 확인하기

실행되었습니다(num = 100)

4. 중첩if문

회원가입 및 조건설정할때 주로 사용한다.

if (num == 100) {
    document.write("실행되었습니다.(1)");
    if(num == 100){
        document.write("실행되었습니다.(2)");
        if(num == 100){
            document.write("실행되었습니다.(3)");
        }
    }
} else {
    document.write("실행되었습니다.(4)");
}

결과 확인하기

실행되었습니다.(1)

5. 조건부 연산자(삼항 연산자)

1부터 100까지 출력후 짝수는 빨간색으로, 홀수는 파란색으로 나오게한다.

// const num = 100;
    // //num값이 100이면 true출력하고 아니면 false를 출력하세요

    // if (num == 100) {
    //     document.write("true");
    // } else {
    //     document.write("false");
    // }
    // //(삼항연산자 사용)
    (num == 100) ? document.write("true") : document.write("false");

결과 확인하기

true

6. switch문

거의 사용되지 않는다.

switch( num ){
case 100 :
    document.wrtie("실행되었습니다.(num==100)")
    break;
case 110 :
    document.wrtie("실행되었습니다.(num==110)")
    break;
case 120 :
    document.wrtie("실행되었습니다.(num==120)")
    break;
case 130 :
    document.wrtie("실행되었습니다.(num==130)")
    break;
default :
    document.wrtie("실행되었습니다.(num==값이 없음)");
}

결과 확인하기

실행되었습니다.

7.if문 예제 p342

if문 안에 if문을 이용하여 코딩해보자

var html = Number(promp('html 점수입력',''));
var css = Number(promp('css 점수입력',''));
var javascript = Number(promp('css 점수입력',''));
var avg = Number(promp('css 점수입력',''));
var comment:
if (avg > 60){
    if (html < 40) {
        comment = 'HTML' + ' 40점 미만 불합격'
    } else if (CSS &lt 40) {
        comment = 'CSS' + ' 40점 미만 불합격'
    } else if (javascript &lt 40) {
        comment = 'javascript' + ' 40점 미만 불합격'
    } else {
        comment = '평균' + avg + '점 합격';
    }
}   else {
    comment = '평균' + avg + '점 불합격';
}
document.write(comment);

결과 확인하기

평균 90점 합격 or
평균 59점 불합격

8.switch문 예제 p344

switch를 이용하여 코딩해보자

var classification = prompt('아동, 청소년, 성인 중 선택 입력','');
switch (classification) {
        case '아동';
            classification = ': 입장료 무료';
            break;
        case '청소년';
            classification = ': 입장료 2,000원';
            break;
        case '성인';
            classification = ': 입장료 5,000원'
            break;
        default:
            classification = '입력 값을 다시 확인하세요';
        }
document.write(classification);

    

결과 확인하기

청소년 : 입장료 2,000원