본문 바로가기
Javascript

자바스크립트 : 조건문

by 코파카 2022. 7. 25.
728x90

조건문

조건문주어진 조건식의 결과에 따라 별도의 명령을 수행하도록 제어하는 명령문입니다. 가장 기본이 되는 명령문은 if문이며, 그 외에도 switch문 등이 있습니다.


if문

if문은 조건식의 결과가 true이면 주어진 명령문을 실행합니다. false이면 명령문을 실행하지 않습니다. 기본적인 형식은 다음과 같습니다.

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

if문은 if문 안에 또 다른 if문을 중첩하여 사용할 수 있습니다. 예제와 함께 살펴보도록 하겠습니다.

시험과목: HTML, CSS, JAVASCRIPT
합격기준: 100점 만점 기준, 과목당 40점 이상, 전과목 평균 60점 이상이면 합격

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 %gt;= 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);
결과보기
ex) HTML 10점, CSS 100점, JAVASCRIPT 100점일 경우: "HTML 40점 미만 불합격"
ex) HTML 20점, CSS 60점, JAVASCRIPT 30점일 경우: "평균 36.666666666666664점 불합격"
ex) HTML 100점, CSS 100점, JAVASCRIPT 80점일 경우: "평균 93.33333333333333점 합격"

switch문

switch문은 if문과 마찬가지로 주어진 조건 값의 결과에 따라 프로그램이 다른 명령을 수행하도록 하는 조건문입니다. switch문은 if문에 비하여 가독성이 좋고 속도가 빠르지만, if문보다는 사용할 수 있는 상황이 적다는 단점이 있습니다. switch문의 기본 형식은 다음과 같습니다.

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

switch문은 if문과 다르게 특정 조건에 만족했을 때 블록{}을 스스로 빠져나가지 못합니다. 이 때문에 break 명령어를 이용해 주어 switch case문의 블록{}을 빠져나가도록 합니다. 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);
결과보기
"아동" 입력시 "아동: 입장료 무료" 출력
"청소년" 입력시 "청소년: 입장료 2,000원" 출력
"성인" 입력시 "성인: 입장료 5,000원" 출력
그 외의 값 입력시 "입력 값을 다시 확인하세요" 출력
728x90

'Javascript' 카테고리의 다른 글

자바스크립트 : 함수  (9) 2022.07.26
자바스크립트 : 데이터 타입  (9) 2022.07.25
자바스크립트 : 반복문  (15) 2022.07.21
자바스크립트 : 연산자  (13) 2022.07.20
자바스크립트 : 기본 규칙  (15) 2022.07.20

댓글

감사합니다. 🦙

CSS
광고 준비중