조건문
- if ~ else 문
var age = prompt('나이를 입력하세요.','나이');
if(age>=20) {
document.write('성인입니다.');
} else {
document.write('미성년자입니다.');
}
- 다중 if 문
var score = prompt('점수를 입력하세요.','점수');
var grade;
if(score >= 90 && score <= 100) {
grade = 'A';
} else if(score >= 80 && score <90) {
grade = 'B';
} else if(score >= 70 && score <80) {
grade = 'C';
} else if(score >= 60 && score <70) {
grade = 'D';
} else if(score >= 0 && score <60) {
grade = 'F';
} else {
grade = '?';
}
document.write('점수 : ' + score + '<br>');
document.write('등급 : ' + grade);
- switch 문
var type=prompt('혈액형을 입력하세요.','혈액형');
document.write('혈액형은 ');
switch(type) {
case 'A' : document.write('A형입니다.');
break;
case 'B' : document.write('B형입니다.');
break;
case 'AB' : document.write('AB형입니다.');
break;
case 'O' : document.write('O형입니다.');
break;
default : document.write('잘못 입력하셨습니다.');
}
- if문과 switch문 사용
var score=prompt('점수를 입력하세요.','점수');
var grade;
if(score<0 || score>100) {
document.write('잘못 입력하셨습니다.');
} else {
// Math.floor(숫자) : 소수점 자리 이하 절삭
switch(Math.floor(score/10)) {
case 10 :
case 9 : grade='A'; break;
case 8 : grade='B'; break;
case 7 : grade='C'; break;
case 6 : grade='D'; break;
default : grade='F'; break;
}
document.write('점수 : ' + score + '<br>');
document.write('등급 : ' + grade);
}
반복문
- for 문
// 구구단 - 입력 후 출력
var dan = prompt('구구단 - 단을 입력하세요','');
document.write(dan + '단<br>');
for(var i=1;i<=9;i++) {
document.write(dan + '*' + i + '=' + (dan * i) + '<br>');
}
- 다중 for 문
// 구구단 전체 출력
document.write('<table border="1">');
for(var i=2;i<=9;i++) { // 단
document.write('<tr>');
for(var j=1;j<=9;j++) { // 곱하는 수
document.write('<td>');
document.write(i + '*' + j + '=' + (i * j));
document.write('</td>');
}
document.write('</tr>');
}
document.write('</table>');
- while 문
// 1 ~ 100 까지의 합
var i = 1;
var sum = 0;
while(i <= 100) {
sum += i;
i++
}
document.write('합계 : '+sum);
- do ~ while 문
var value = 0;
while(value++ < 5) {
document.write('Hello HTML!<br>'); // while문 : 5번 반복
}
var value2 = 0;
do {
document.write('Hello JavaScript!<br>'); // do~while문 : 6번 반복
} while(value2++ < 5);
- break 문
for(var i=1;i<=10;i++) {
if(i==5) {
break; // 반복을 중지하고 반복문(for문)을 빠져나감
}
document.write(i + '<br>');
}
/* [출력결과]
1
2
3
4 */
- break 문 - 다중 for문
for(var i=0;i<5;i++) {
for(var j=0;j<5;j++) {
if(j==3) {
break; // break가 포함된 반복문(for문) 하나를 빠져나감
}
document.write('i : ' + i + ', j : ' + j + '<br>');
}
}
- break 레이블 문
outer_loop : // 브레이크 레이블문
for(var i=0;i<5;i++) {
for(var j=0;j<5;j++) {
if(j==3) {
break outer_loop; // 브레이크 레이블이 명시되어 있는 반복문을 빠져나감
}
document.write('i값 : '+i+', j값 : '+j+'<br>');
}
- continue 문
for(var i=1;i<=10;i++) {
if(i%2==1) {
continue; // 홀수이면 현재 반복을 중지하고 다음 반복을 수행
}
document.write(i + '<br>');
}
'Web > JavaScript' 카테고리의 다른 글
[JavaScript] 지역변수와 전역변수, let 과 const (0) | 2021.08.05 |
---|---|
[JavaScript] 선언적 함수, 익명 함수, 호이스팅 (0) | 2021.08.05 |
[JavaScript] 연산자 (0) | 2021.08.05 |
[JavaScript] 변수, 자료형, 형변환 (0) | 2021.08.05 |
[JavaScript] 자바스크립트 정의, 적용 방식, 입력과 출력 (0) | 2021.08.05 |