: 각각의 구문은 서로 대체 가능하기 때문에 선택해서 사용하면 됨 (loop/ Iterate)
1.while
: 주어진 조건식의 평가 결과가 참이면 코드 블록을 계속해서 반복 실행, 거짓이 되면 실행 종료
While (조건) {
반복해서 실행할 코드
}
➡️무한반복 발생 -> 웹브라우저는 무한반복 허용하지 않기 때문에 어느정도 시간이 흐르면 스크립트를 종료할것인지 물어봄
➡️document.write는 자바스크립트 이용해서 웹페이지에 텍스트 출력
➡️true는 반복적으로 실행, false는 반복문 실행 안됨 -> true와 false는 종료조건
➡️종료조건으로 i의 값이 10보다 작으면 true로 실행, 같거나 크면 false로 종료
➡️컴퓨터의 숫자는 0부터 시작!
➡️i++: 현재 i값에 1씩 더하라는 것
2.for
: 조건식이 Falsy가될 때까지 코드 블록을 반복 실행
for(초기화; 끝값; 증가값) {
반복해서 실행되는 코드
}
➡️val i = 0;: 초기 구동 코드 -> 가장 먼저 실행, 한 번만 실행됨, 일반적으로 사용되는 변수 선언하는 용도
➡️i < 10;: 10보다 작으면 true로 실행되고 반복 -> 반복 구절의 실행여부를 결정하는 조건이 들어가는 부분, Truthy이면 반복, Falsy면 중단
alert(i++);-> i++자리에 0이 들어가서 첫번째 출력값은 0이되고 후에 1,2,3.... 이렇게 되는반면
i = 0;
alert(++i);-> i값에 증가하고 시작하기 때문에 첫번째 출력값은 1이 되고 2,3,4.... 이렇게 됨
➡️변수는 아무거나 써도 상관은 없으나 반복적인 작업을 할때는 i를 관용적으로 사용
➡️document.write(" "); -> 반복하여 실행하는 로직 자리
➡️i++ -> 반복 로직이 실행되고 변수값 업데이트
3.do... while문
: 코드 블록을 실행하고 조건식을 평가 -> 코드 블록은 무조건 한번 이상 실행됨
4.반복문의 제어
(1)break
: 반복작업 중단, 레이블문, 반복문 또는 switch문의 코드 블록을 탈출 -> 그 이외에 break문을 사용하면 문법에러(SyntaxError)가 발생
for(var i = 0; i < 10; i++) {
if(i === 3) {
break;
}
document.write('실습
');
}
➡️i<10이 종료조건이지만, if(i ===3)에 의해 i 값이 3일때 break문이 실행되어 반복문이 즉시 종료됨
(2)continue
: 실행을 즉시 중단하면서 반복은 지속
➡️i의 값이 3이 되었을때 중단되어서 continue 이후 구문이 실행되지 않았지만, 반복문은 중단되지 않아서 나머지 결과값은 출력된것
4.반복문의 중첩
: 반복문 안에 다시 반복문이 나타날 수 있다.
➡️첫번째 for문이 실행되고 다음 for문으로 넘어가서 10번 실행되고, 다시 올라가 첫번재 for문이 실행되고 다시 두번째 for문이 10번 실행되고 계속 반복해서 결국 첫번째 for문은 10번 실행되고 두번째 for문은 100 번 실행되어 이러한 결과값이 나타남
Reference
