반복문 : 특정 구문을 여러 번 반복해서 실행하고자 할 때 사용하는 제어문.
- 반복문의 종류
while 반복문, do~while 반복문, for 반복문
- while 반복문과 for 반복문을 많이 사용을 함.
* while 반복문은 주로 무한반복이거나 반복 횟수가 정해지지 않은 경우에 사용.
* for 반복문은 반복 횟수가 정해진 경우에 주로 사용.
while 반복문
<body>
<script type="text/javascript">
let su = 1;
while(su <= 10) {
document.write("su >>> " + su + "<br>");
su++;
}
document.write("<hr>");
</script>
</body>
<body>
<script type="text/javascript">
// [문제1] 1~100사이의 숫자 중에서 숫자가
// 4의 배수이면서 동시에 6의 배수인 숫자를 화면에 보여주세요.
// 조건) while문을 이용할 것.
let su = 1;
while(su <= 100) {
if(su%4 == 0 && su%6 == 0) {
document.write(su + " ");
}
su++;
}
document.write("<br>");
document.write("<hr>");
// [문제2] 1~100 사이의 숫자 중에서 짝수인 경우는 글자색을 파란색으로
// 화면에 보여주고, 홀수인 경우에는 빨간색으로 화면에 보여주세요.
// 조건) while문을 이용할 것.
let num = 1;
while(num <= 100) {
if(num%2 == 1) {
document.write("<font color='red'>"+
num + "</font> ")
}else {
document.write("<font color='blue'>"+
num + "</font> ")
}
num++;
}
</script>
</body>
for 반복문
반복 횟수가 정해진 경우 많이 사용됨
<body>
<script type="text/javascript">
for(let i=1; i<=10; i++) {
document.write("i >>> " + i + "<br>");
}
document.write("<hr>");
</script>
</body>
다중 for문
<body>
<script type="text/javascript">
for(let i=2; i<10; i++) {
document.write("<p style='color: red;'>*** "+i+"단 ***</p>");
for(let j=1; j<10; j++) {
document.write(i+" * "+j+" = "+(i*j)+"<br>");
}
}
</script>
</body>
[문제1] - 테이블에 넣어서 출력해 보자.
<body>
<script type="text/javascript">
// [문제1] - 테이블에 넣어서 출력해 보자.
// 1 2 3 4 5
// 6 7 8 9 10
// 11 12 13 14 15
// 16 17 18 19 20
// 21 22 23 24 25
let count = 1;
document.write("<table border='1' cellspacing='0' width='150'>");
for(let i=1; i<=5; i++) { // 행
document.write("<tr>");
for(let j=1; j<=5; j++) { // 열
document.write("<td align='right'>"+count+"</td>");
count++;
}
document.write("</tr>");
}
document.write("</table>");
document.write("<hr>");
// [문제2] - 테이블에 넣어서 출력해 보자.
// 1 6 11 16 21
// 2 7 12 17 22
// 3 8 13 18 23
// 4 9 14 19 24
// 5 10 15 20 25
document.write("<table border='1' cellspacing='0' width='150'>");
for(let i=1; i<=5; i++) {
document.write("<tr>");
for(let j=0; j<5; j++) {
document.write("<td align='right'>"+(j*5+i) + "</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
continue 명령어
어떠한 행위를 하다가 continue문을 만나면 해야할 명령문을 실행하지 않고 그 다음 명령문을 실행하는 명령문
<body>
<script type="text/javascript">
for(a = 1; a <= 10; a++){
if(a == 7){
continue;
}
document.write(a+"<br />");
}
</script>
</body>
7이 출력되지 않고 건너뛴 것을 볼 수 있다.
break문
break문은 if,switch,for,while문등에서 break문을 만나면 바로 빠져나가는 명령문
<body>
<script type="text/javascript">
for(a = 1; a <= 10; a++){
if(a == 7){
break;
}
document.write(a+"<br />");
}
</script>
</body>
7에서 break 문을 만나 반복문을 탈출한 것을 볼 수 있다.
'Front-End > Javascript' 카테고리의 다른 글
| [JavaScript] 함수(function) / 호이스팅이란? (0) | 2021.12.09 |
|---|---|
| [JavaScript] 배열(array) (0) | 2021.12.09 |
| [Java Script] NaN (0) | 2021.12.07 |
| [JavaScript] 조건문(if문, if~else문, 다중 if~else문, switch~case문) (0) | 2021.11.16 |
| [JavaScript] 연산자(operation) (0) | 2021.11.13 |
댓글