코딩 이야기
반복문 본문
기본적인 반복문의 종류는 다음과 같다.
while - 지정된 조건이 참이면 반복 실행한다.
for - 정해진 횟수 동안 코드를 반복 실행한다.
while 루프
var i = 0;
while( i < 10) // 반복 조건,변수i 가 10보다 작으면 반복 계속
{
document.write(i+" <br>");
i++; // 한 번의 반복마다 i를 하나 증가시킨다. 이 문장이 없으면 무한히 반복한다.
}
예)
<script>
var i = 0;
while( i < 10)
{
document.write("카운터 : "+ i + "<br>");
}
</script>
for 루프
for 문은 문장을 정해진 횟수만큼 반복하여 실행하는 반복 구조
for 문은 초기식(initizlization), 조건식(expression),증감식(increment) 의 3부분으로 구성된다. 이들 3부분은 세미콜론으로 분리되어 있다.
초기식을 실행한 후에 조건식의 값이 참인 동안, 반복문장을 반복한다.
한 번 반복이 끝날 때마다 증감식이 실행된다.
for( i=0(초기식) ; i<10(조건식) ; 1++(증감식))
{
document.write(i+<br>");
}
초기식은 반복 루프를 시작하기 전에 한 번만 실행된다. 주로 변수값을 초기화 하는용도
조건식은 반복을 계속할 것인지 중단할 것인지 결정하는 수식이다. 수식의값이 참이나 거짓으로 계산될 수 있는 관계식이나 논리식이어야한다.
한 번의 루프 실행이 끝나면 증감식이 실행. 루프를 제어하는 변수를 증가시킬 수도 있고 감소 시킬 수도 있다.
예) 초기식에서는 여러 개의 문장이 콤마로 연결될 수 있다.
for (var i =o, len = fruits.lenght; i < len; i++) {
document.write(fruits[i] + "<br>");
}
생략도 가능
var i = 2, len = fruits.legth;
for (; i < len; i++) {
document.write(fruits[i] + "<br>");
}
변수 i 값을 0부터9까지 증가하는 예제
<script>
var i = 0;
for (i = 0; i < 10; i++) {
document.write(카운터 : + i + "<br>");
}
</script>
반복문을 사용해 <h1>요소부터 <h6>요소 까지 화면에 출력하는 예제
<script>
for (i = 1; i <= 6; i++) {
document.write("<h" + i ">header" + i)
document.write("</h" + i +">")
]
</script>
중첩 반복문
중첩 반복문 하나의 for 루프안에 다른 for 루프가 내장될 수 있다. 루프가 중첩될 때는 루프 제어 변수로 서로 다른 변수를사용해야 한다.
예)
<script>
document.write("<h1>구구단표</h2>");
document.write("<table border=2 wedth+50%");
for (var 1 = 1; i <= 9; i++) {
document.write("<tr>");
document.write("<td>" + i + </td>" );
for (var j = 2; j <= 9 ; j++) {
document.write ("<td>" + i *j + "</td>");
}
[위 3줄이 내부반복문이다]
document.write("</tr>");
}
document.write("</table>");
</script>
do/while 루프
do/while 문은 while문과 비슷하나 반복 조건을 루프의 처음이아니라 루프의 끝에서 검사한다는 점이 다르다.
문장을 한번 실행하고 나서 조건을 검사하고 싶을 때 사용한다.
예)
<script>
var i = 0;
do { document.write("카운터 : " + i + "<br>");
} while (i < 10);
</script>
*일단 한번 문장을 실행한 후에 조건을 검사한다.
while()끝에 ;를 붙이는 것을 잊으면 안된다.
'JAVA스크립트' 카테고리의 다른 글
배열 (0) | 2023.01.09 |
---|---|
반복문 (2) (0) | 2023.01.09 |
조건문 (0) | 2023.01.06 |
HTML 요소에 접근하기 (0) | 2023.01.06 |
숫자와 문자열 사이의 반환 (0) | 2023.01.06 |