728x90
반복문
반복문은 특정 문장을 반복해서 수행할 때 사용된다. 자바스크립트의 반복문에는 while 문, do ~ while문 , for문이있다.
반복문이 이중으로 사용되는 '이중for 문'도 있다. 또 반복 루프를 빠져나가는 break; 문과 해당 반복을 건너뛰는 continue 문도 있다.
WHILE문
while (조건식) {
실행문1 ;
실행문2 ;
... }ex ) 1 ~ 10까지 합계 구하기
<script>
var num = 1;
var sum = 0; // 합의 초기화: 0, 곱의 초기화 : 1
while ( num <=10){
sum += num; //sum = sum + num
num++;
}
document.write("1~10 까지의 합계는 : " + sum);
</script>
/*프로그램에서 초기화(initiative)한다는 것은 변수가 있었던 메모리상의 데이터를 지운다는 의미이다.
이전에 실행했던 프로그램이 사용했던 메모리에는 garbage collection을 종료 시 수행하지 않았다면 local variable(지역변수)의 값은 함수의 소멸과 함께 사라지지만 global variable(전역변수)과 constant(상수)는 데이터가 계속해서 메모리에 저장되어져 있을 수 있기 때문에 초기화
해주고 다음 프로그램을 실행하는 것이 좋다. */DO ~ WHILE 문
do {
실행문1;
실행문2;
...
} while (조건식)
/* 먼저 do의 { } 안의 내용을 실행한 뒤 나중에 while (조건)을 판단해서
참인 경우 실행문1, 실행문2, ...를 반복한다.
while (조건)이 거짓이면 실행을 안 한다. */
FOR 문
for (초기값; 조건식; 증가/감소) {
실행문1;
실행문2;
... }
Nested For (이중 for 문)
for 문은 종종 for 문 안에 또다른 for 루프를 포함하기도 한다. 이를 '이중 for 문'이라고 한다.
=>대표적으로 구구단을 사용하는데 3 * 7 = 21식을 보면 , 외부 for 문이 2~9까지 돌고 , 내부 for 문이 또한 1~9까지 돈다.
<style>
div {display: inline-block; padding: 0 20px 30px; margin:15px;
border:3px solid #cccccc; line-height: 2;
}
div h3 { text-align: center; font-weight: bold;
}
</style>
<body>
<h1>구구단</h1>
<script>
var i,j; //이렇게 한 줄에 여러 변수와 초기값을 줄 수 있다.
for (i=2; i<=9; i++) {
document.write("<div>")
document.write("<h3>" + i + "단</h3>") ;
for (j=1; j<=9; j++) {
document.write(i + "x" + j + "=" + i*j + "<br>");
}
document.write("</div>")
}
</script>
BREAK와 CONTINUE 문
break 문을 이용하면 반복 루프를 수행하는 도중 특정 조건이 만족 되면 반복 루프를 빠져 나간다.
<script>
for (var i=1; i<=5; i++) {
if (i == 3) {
break;
}
document.write("i 값은 " + i +"<br>");
}
document.write("3이 되어서 나왔어요....ㅋㅋ");
</script>continue 문은 반복문에서 반복 루프를 수행하는 도중 특정 조건을 만족하면 현재의 실행을 건너뛰고 그다음 반복 루프를 계속해서 진행한다
<script>
for (var i=1; i<=5; i++) {
if (i == 3) {
continue;
}
document.write("i 값은 " + i +"<br>");
}
document.write(" 치사하게 3만 빠졌어요....ㅋㅋ");
</script>
'일단 해보는 코딩 > Java Script' 카테고리의 다른 글
| [Java Script] 함수 값 반환 (0) | 2022.07.01 |
|---|---|
| [Java Script] 내장 함수, 사용자 정의 함수 (0) | 2022.07.01 |
| [Java Script] Switch 문 (0) | 2022.06.29 |
| [Java Script] 형변환 제어문(조건문 / 반복문) (0) | 2022.06.29 |
| [Java Script] 자바스크립트 다양한 연산자 종류 (0) | 2022.06.28 |