1. for loop문의 형태
for (초기값; 반복이 멈추는 조건; 식) {
A
}
- 초기값 — 일반적으로 숫자로 설정된 변수이며 루프가 실행된 횟수가 얼마나 되는지 알기위해 증가한다.
- 반복이 멈추는 조건 — 앞에서 언급했듯이 loop가 loop를 언제 멈출지 정의한다. 이 조건은 일반적으로 비교 연산자, 종료 조건이 충족되었는지 확인하는 테스트를 특징으로 하는 표현식이다.
- 식 — 이것은 매번 loop 전체가 반복이 될때 항상 분석(또는 실행)한다. 일반적으로 counter variable를 증가(또는 경우에 따라 감소)하여 종료 조건 값으로 점점 가까워진다.
- A — A는 loop가 반복 될 때마다 실행된다.
작성 시 Tip -- (1) for문의 중괄호 안의 코드 블럭에 break문을 추가할 수 있는데 이때, break문이 하는 역할은 즉시 loop를 빠져 나와 브라우저가 그 다음에 나오는 코드로 이동하게 한다.
작성 시 Tip -- (2) continue문이 실행되지 않도록 for문 안의 if 블록을 지나치게 건너 뛴다. 대신 현재 i 값과 단락 내용 의 끝 부분에 공백을 연결한다.
countinue in for loop Exam)
for(var i = 0; i <= 9; i++) {
if(i==4) {
continue;
}
console.log(i);
}
결과값 : 4를 제외한 0~9의 수를 출력
2. while loop문의 형태
초기값 선언 및 값 셋팅;
while (반복이 멈추는 조건) {
A
}
for대신 while 키워드가 온다.
초기값, 반복이 멈추는 조건식, 실행할 코드 블럭 이 세가지를 포함하고 있으며 for loop와 동일한 순서로 정의되어 있다. 반복이 멈출 조건 도달했는지 여부를 확인하기 전에 초기값을 정의해야 하므로 의미가 있다. loop 내부의 코드(A)가 실행 된 후 최종 조건이 실행되고 이는 반복이 멈출 조건에 아직 도달하지 않은 경우에만 실행된다.
3. do...while:
초기값 선언 및 값 세팅;
do {
A
최종 표현식
} while (반복이 멈추는 조건)
이 경우 반복문이 시작되기 전에 초기값 코드를 다시 읽는다. do 키워드는 A와 최종 표현식을 포함하는 중괄호 바로 앞에 온다.
do...while loop 에서 중괄호 안의 코드는 반복 종료 상태가 체크되기 전에 항상 한 번 실행되어 다시 실행되어야 하는지를 확인한다.
* 모든 loop는 마찬가지로 초기값의 세팅이 반복 되어 결국 종료 조건에 도달하는지 확인해야 한다. 그렇지 않으면 loop는 영원히 계속되고 브라우저가 강제로 종료 시키거나 충돌한다. 이를 infinite loop(무한 루프)라한다.
'javascript' 카테고리의 다른 글
queryselectorAll의 사용법 (0) | 2020.09.21 |
---|---|
함수의 종류 (0) | 2020.09.13 |
삼항 연산자 (0) | 2020.09.11 |
switch문 (0) | 2020.09.11 |
논리 연산자 (0) | 2020.09.11 |