[JavaScript] 조건문의 종류와 사용방법

조건문

프로그램에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다.
그 중 if가 가장 기본이 되는 실행문입니다.

---

01. if문

조건에 맞으면(참(ture)이면) 참의 결과를 실행시켜줍니다.
console.log로 출력시켰기 때문에 Chrome F12 키를 통해 콘솔 창에서만 확인 가능.

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

var age = 10;       // age(나이)는 10세이다.
var admissionFee = ' ';     // (입장료) 결과 실행 칸
if (age < 13) {      // age = 10, 13 이하이므로 true
    admissionFee = '2,000원';   // true이므로 '2000원' 출력됨
}
console.log(admissionFee);

결과 보기

2,000원

02. if문(else)

else를 통해 if 안의 조건식이 사실이 아닐 경우 그 다음 실행문으로 넘겨줍니다.
중첩 갯수는 무제한이나 else 사용 시 중괄호{ }를 사용하며 들여쓰기에 주의합니다.

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

var age = 20;       // age 20세
var admissionFee = ' ';     // (입장료) 결과 실행 칸
if (age < 13) {      // 13보다 많으므로 false
    admissionFee = '2,000원';       // false이므로 실행X
} else {
    admissionFee = '4,000원';       // 실행O, '4,000원' 출력됨
}
console.log(admissionFee);

결과 보기

4,000원

03. if문(else if)

else if를 통해 경우의 수를 여러개로 늘릴 수 있습니다.

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

var age = 20;       // age 20세
var admissionFee = '';
if (age < 13) {      // false
    admissionFee = '2,000원';       // 실행 X
} else if (age >= 13 && age < 20) { // 13~19세에 미포함이므로 false
    admissionFee = '4,000원';       // 실행 X
} else {
    admissionFee = '6,000원';       // 실행 O, '6,000원' 출력됨
}
console.log(admissionFee);

결과 보기

6,000원

04. 중첩 if문

if문안에 if문을 중첩하여 사용 가능합니다.
이번 예시 또한 중첩 갯수는 무제한이지만 else if와 if문 중첩 등으로 문장이 매우 복잡해지므로 들여쓰기에 각별히 신경을 써야 합니다.

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

var html = Number(prompt('html 점수입력', ''));     // html 점수 입력하는 프롬프트 실행
var css = Number(prompt('css 점수입력', ''));       // css 점수 입력하는 프롬프트 실행
var javascript = Number(prompt('javascript 점수입력', ''));     // javascript 점수 입력하는 프롬프트 실행
var avg = (html + css + javascript) / 3;    // 평균점수 계산 : html + css + javascript ÷ 3 = 평균
var comment;
if (avg >= 60) {
    if (html < 40) {
        comment = 'HTML' + ' 40점 미만 불합격';
    } else if (css < 40) {
        comment = 'CSS' + ' 40점 미만 불합격';
    } else if (javascript < 40) {
        comment = 'JAVASCRIPT' + ' 40점 미만 불합격';
    } else {
        comment = '평균 ' + avg + '점 합격';
    }
} else {
    comment = '평균 ' + avg + '점 합격';
}
document.write(comment);

결과 보기

평균 60점 이상 합격
평균 59점 이하(60점 미만) 불합격