코딩 이야기

반복문 본문

JAVA스크립트

반복문

별메아리 2023. 1. 6. 16:42
728x90

기본적인 반복문의 종류는 다음과 같다.

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()끝에 ;를 붙이는 것을 잊으면 안된다.

728x90

'JAVA스크립트' 카테고리의 다른 글

배열  (0) 2023.01.09
반복문 (2)  (0) 2023.01.09
조건문  (0) 2023.01.06
HTML 요소에 접근하기  (0) 2023.01.06
숫자와 문자열 사이의 반환  (0) 2023.01.06
Comments