조건문
조건문은 특정 조건 만족 시(true인 경우)실행하는 명령의 집합이며, 종류로는 if와 switch가 있다.
if문
if문은 조건식의 결과가 참(true)이면 주어진 실행문을 실행하고, 거짓(false)이면 아무것도 실행하지 않는 문장입니다.
- if문의 형식 ①
if (조건식) {
실행문;
}
- if문의 형식 ②
if (조건식) {
실행문1;
} else
실행문2;
}
- if문의 형식 ③
if (조건식1) {
실행문;
} else if (조건식2) {
실행문2;
} else {
실행문3;
}
- if문의 형식 ④
if문은 if문 안에 또 다른 if문을 중첩하여 사용할 수 있습니다.
if (조건식1) {
if (조건식2) {
실행문;
}
}
switch문
switch문은 if~else문과 마찬가지로 주어진 조건 값에 따라 프로그램이 다른 명령을 수행하도록 하는 조건문입니다.
switch문은 if문과 달리 특정 조건에 만족했을 때 블록{} 을 스스로 빠져나가지 못합니다.
따라서 break 명령어를 주어 switch case문의 블록{}을 빠져 나가도록 합니다.
for ( 초기값; 조건식; 증감값 ){
실행문
}
01. if문
if(조건식)의 조건식이 true일 때 실행문이 동작하고, false이면 실행되지 않습니다.
//false : 0, undefined, null, false
//true : 1, "0", "1", 0>10, [], {}
if(1){
document.write("실행되었습니다(true).")
} else {
document.write("실행되었습니다(false).")
}
결과보기
실행되었습니다(true).02. if문 생략
if(조건식) 다음의 {}를 생략할 수 있습니다. 하지만, 생략할 경우 if문에 포함되는 실행문은 단 한 줄만 포합됩니다.
const num = 100;
if(num) document.write("실행되었습니다(true)."); //{} 생략 가능
else document.write("실행되었습니다(false).");
결과보기
실행되었습니다(true).03. 다중 if문
조건으로 더욱 구체적인 결과를 얻고자 할 때 다중 if문을 사용하고 if와 else 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)04. 중첩 if문
if문 안에 또 다른 조건의 if문이 들어있는 것을 중첩 if문이라고 합니다. if중첩횟수에는 제약이 없습니다.
※중첩은 if문 뿐만아니라 swich문 for문 while문 do-while문과 함께 중첩시켜 사용할 수도 있습니다.
const num = 100;
if( num == 100 ){
document.write("실행되었습니다.(1)");
if( num == 100 ){
document.write("실행되었습니다.(2)");
if( num == 100 ){
document.write("실행되었습니다.(3)");
}
}
} else {
document.write("실행되었습니다.(4)");
}
결과보기
실행되었습니다.(1)실행되었습니다.(2)실행되었습니다.(3)05. 삼항 연산자
삼항 연산자는 세 개의 항(피연산자 3개)이 있는 연산자를 말합니다.
조건식(피연산자1) ? 값 or 연산식(true)일 경우 : 값 or 연산식(false)일 경우; 로 나타냅니다.
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")
결과보기
truetrue
06. if문 예제(교재p.343)
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);
결과보기
평균 90점 합격평균 59점 불합격
07. switch문
변수가 갖는 값에 따라 실행문을 선택하는 조건 제어문입니다. 조건식의 결과가 많을 경우 if문을 사용하게 되면 코드가 복잡해집니다. 반면, switch문은 변수값에 따라서 실행문이 결정되기 때문에 if문보다 더욱 간결하게 코드를 만들 수 있습니다.
const num = 100;
switch( num ){
case 100 :
document.write("실행되었습니다.(num==100)");
break;
case 110 :
document.write("실행되었습니다.(num==110)");
break;
case 120 :
document.write("실행되었습니다.(num==120)");
break;
case 130 :
document.write("실행되었습니다.(num==130)");
break;
default :
document.write("실행되었습니다.(num==값이 없음)");
결과보기
실행되었습니다.(num==100)08. switch문 예제(교재p.344)
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원
'Javascript' 카테고리의 다른 글
| 전역변수와 지역변수 (4) | 2022.07.28 |
|---|---|
| 함수(function) (6) | 2022.07.26 |
| 데이터 타입(Data Type) (5) | 2022.07.26 |
| for문 정리 (14) | 2022.07.21 |
| 연산자 (12) | 2022.07.20 |
댓글