JavaScript

반복문

반복문

  • 반복문은 명령문을 원하는 횟수만큼 반복하기 위한 구문입니다.
  • 반복문에는 while문, do-while 문, for 문 등이 있습니다.

 

 

 

while 문

  • 조건문이 참일 때 실행됩니다.
  • 조건은 문장이 실행되기 전에 참, 거짓을 판단합니다.
  • 기본적인 구문은 다음과 같습니다.
1
2
3
while (조건문)
실행 문장
...

 

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
var n = 0;
var x = 0;
while (n < 3) {
n++;
x += n;
}
document.write(n + "<br>");
document.write(x + "<br>");
</script>

 

 

 

do ... while 문

  • do ... while 문은 테스트 조건이 false로 평가 될 때까지 지정된 문을 실행하는 루프를 만듭니다.
  • while 문의 경우 조건식을 먼저 검사한 뒤 루프를 반복하였지만, do ... while 문의 경우 조건문이 뒤에 있으므로 반드시 한번은 명령문이 실행된 후, 조건을 검사하고 반복할지 여부를 결정합니다.
  • 기본적인 구문은 다음과 같습니다.
1
2
3
do
실행문장;
while (조건문);

 

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
var result = '';
var i = 0;
do {
i += 1;
result += i + ' ';
} while (i < 5);
document.write(i + "<br>");
document.write(result + "<br>");
</script>

 

 

 

for 문

  • 가장 많이 사용하는 반복문입니다.
  • 초기값과 조건식, 증감식을 지정하여 특정 횟수만큼 반복되게 합니다.
  • 기본적인 구문은 다음과 같습니다.
1
2
for ([초기값]; [조건식]; [마지막 표현 방식])
실행문장;

 

  • 초기값은 변수(카운터 변수)를 초기화합니다.
    주로 반복하기 위한 변수를 초기화할 때 사용합니다.
  • 조건식이 참이면 반복하게 되고, 아니면 반복문을 빠져나갑니다.
  • 마지막 표현 방식은 반복문이 한번씩 돌 때마다 다음 조건식을 판단하기 전에 수행되는 부분입니다.
    보통 증감식을 많이 사용하며, 카운터 변수를 증감하거나 바꿀 때 사용합니다.

 

  • 여러 문장을 수행할 경우 중괄호로 묶어줍니다.
  • 초기값, 조건식, 마지막 표현 방식은 모두 생략 가능합니다.

 

1
2
3
4
5
6
7
<script type="text/javascript">
for (var i = 0; i < 9; i++) {
document.write(i + "<br>");
}
</script>

 

 

  • 초기값을 생략할 때는 다음과 같이 사용합니다.
1
2
3
4
5
6
7
8
9
<script type="text/javascript">
var i = 0;
for (; i < 9; i++) {
document.write(i + "<br>");
}
</script>

 

 

  • 조건식을 생략할 경우 반복을 중단할 장치를 추가해야 합니다.
    하지 않을 경우 무한 반복하게 됩니다.
1
2
3
4
5
6
7
8
<script type="text/javascript">
for (var i = 0;; i++) {
document.write(i + "<br>");
if (i > 3) break;
}
</script>

 

 

  • 세가지를 모두 생략할 수도 있습니다.
1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
var i = 0;
for (; ;) {
if (i > 3) break;
document.write(i + "<br>");
i++;
}
</script>

 

 

 

 

continue 문

  • continue 문은 반복문에서 사용합니다.
  • 반복하는 중 continue 문을 만날 경우 continue 문 이후의 문장은 실행되지 않고 다음 반복으로 넘어갑니다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/javascript">
var i = 0;
var n = 0;
while (i < 5) {
i++;
if (i === 3) {
continue;
}
document.write(i + "<br>");
n += i;
}
document.write(n + "<br>");
</script>

 

 

 

중첩 for 문

  • 반복문은 여러 번 중첩하여 사용 가능합니다.
  • 여기선 for 문에 대해서만 중첩하여 사용해보도록 합니다.

 

  • 다음은 중첩 for 문을 사용하는 대표적인 구구단 예제입니다.
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
for (var j = 1; j <= 9; j++) {
for (var i = 2; i <= 9; i++) {
document.write(i + " * " + j + " = " + i*j);
document.write("&nbsp;&nbsp;&nbsp;");
}
document.write("<br>");
}
</script>

 

 

 

 

 

댓글

댓글 본문
버전 관리
KNUT X LIKE LION
현재 버전
선택 버전
공동공부
graphittie 자세히 보기