본문 바로가기
Javascript

조건문 이해하기

by 코딩 척척학사 2022. 7. 25.
728x90

제어문

제어문이란 프로그램에서 필요한 결과 값을 도출하기 위해 실행문의 순서를 제어하거나 반복시키는 문장입니다.

분류 제어문
조건문 if, switch
반복문 while, do while, for
중지, 건너뛰기 break, continue

조건문

조건문은 제어문의 하나로, 조건식에 따라 {}안의 실행문을 실행합니다. 조건문에는 if문과 switch문이 있습니다.

if문

if문은 조건식에 따라 실행문을 실행합니다. if, else if, else등을 사용해 작성합니다. if문 안에 if문을 중첩시킬 수도 있습니다.

1. if문의 형식

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

2. if else의 형식

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

3. if, else if, else의 형식

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

4. if문 중첩의 형식과 예시

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


var html = Number(prompt("html 점수입력", ""));
var css = Number(prompt("css 점수입력", ""));
var javascript = Number(prompt("javascript 점수입력", ""));
var avg = (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);

switch문

switch문은 switch의 값과 case의 값들을 하나씩 비교하여 일치하는 case를 실행시켜 줍니다. switch문은 if문과 달리 특정조건에 만족해도 스스로 블록{}을 빠져나가지 못하기 때문에 break 명령어를 주어야 합니다. default는 switch의 값과 일치하는 값이 없을 때 실행합니다.

switch문의 형식

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

switch문의 예시

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

'Javascript' 카테고리의 다른 글

함수 알아보기  (13) 2022.07.26
자료형 알아보기  (15) 2022.07.25
For문 이해하기  (15) 2022.07.21
연산자 알아보기  (13) 2022.07.20
자바스크립트 기본 규칙  (12) 2022.07.20

댓글


HTML이 적힌 썸네일 이미지
CSS가 적힌 썸네일 이미지
JAVASCRIPT가 적힌 썸네일 이미지

JAVASCRIPT

자세히 보기