참고 자료 ) Javascript의 반복문(loop) - mozilla 문서

※ 이 문서는 bibi6666667.tistory.com/56의 참조 문서입니다.

[인프런]Javascript입문 - 6,7단 구현(반복문) & 코딩 구현

원 문서 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Loops_and_iteration

루프와 반복

-------

>> 요약. 저도 지금 수준으로 100%이해하진 못했기 때문에 정확하지 않을 수 있습니다.

 

반복문(루프, loop)

- 한 동작을 몇 회 동안 반복하는 구문.
- 어떤 것을 반복적으로 시행해야 하는 작업을 빠르고, 간편하게 해 준다.

자바스크립트의 반복문 (8가지)

1. for 문

- 조건이 거짓으로 판별될 때까지 반복한다.

for ([초기문]; [조건문]; [증감문]) {
  문장
}

1) 초기문 실행 (=초기화 구문 실행)
2) 조건문 확인: 조건의 참/거짓 여부를 검사.
 - 조건문이 참이면 3)문장을 실행 / 조건문이 거짓이면 종결 / 조건문이 생략되면 참으로 추정.
3) 문장 실행 : 많은 문장일 때는 { 문장 } 의 형태로 묶어서 사용.
4) 증감문 실행 : 존재한다면 실행하며, 증감문을 실행한 뒤 2)로 돌아감.

 

2. do...while 문

- 조건이 거짓으로 판별될 때 까지 반복한다.

do {
  문장
} while (조건문);

1) 문장 실행. 많은 문장은 { 문장 } 으로 사용.
- 매 실행 마지막마다 조건문이 확인됨.
2) 조건문 확인. 
- 조건문이 참이면 같은 문장이 다시 실행 / 조건문이 거짓이면 종결 후 do...while문을 벗어남.

 

3. while 문

- 조건이 참이기만 하면 반복한다.

while (조건문) {
  문장
}

1) 조건 확인 
- 조건이 참이면 문장을 반복함 / 조건이 거짓이면 실행을 멈추고 종결.
2) 문장 실행
3) 조건 (다시) 확인.

※ 무한루프를 피하기 위해  조건문과 문장을 잘 구성해야 한다. 그렇지 않으면 반복문이 영원히 끝나지 않을 것.

 

4. 레이블 문

- 프로그램의 다른 곳을 참조할 수 있도록 식별자를 제공.
- 루프를 식별하기 위해 레이블 문을 사용하고
- 프로그램이 루프를 방해하도록(break문) 혹은 계속 실행하도록(continue문) 할 수 있음.

label :
   statement
(예를 들어..)
markLoop :
while (theMark == true) { 
    doSomething(); 
}

※ label과 statement는 정해진 문구(예약어?)가 아님.

 

5. break 문

: 반복문 / switch문 / 레이블문 과 결합한 문장을 빠져나올 때 사용.

break;

- 1. 레이블 문 없이 break문을 사용하면, 가장 안쪽의 반복문이나 switch문을 빠져나옴.

break 레이블;

- 2. 레이블 문과 함께 쓰이면, 특정 레이블 문을 빠져나옴.

 

6. continue 문

: while 문, do...while 문, for 문, 레이블 문을 다시 시작할 때 사용.

continue;

-1. 레이블 문 없이 continue를 사용하면, 현재 반복을 종료하고 다음 반복으로 루프 실행을 계속함.
 ※ 반복문을 종료하거나 빠져나오는 것이 아님. 현재 반복만 종료함.
 ※ while문 : 조건문으로 이동, for문 : 증감문으로 이동.

continue 레이블;

-2. 레이블 문과 함께 continue를 사용하면, 그 레이블 문에 적용됨.

 

7. for...in 문

: 객체의 열거 속성attribute을 통해 지정된 변수를 반복함.

for (변수 in 객체) {
  문장
}

※ 배열 Array 에 사용될 수 있지만.. -> 원문 참조

 

8. for...of 문

: 고유한 특성의 값을 실행할 명령과 함께 사용자 지정 반복 후크를 호출하여, 반복 가능한 객체(배열, Map, Set, 인수 객체 등을 포함)를 통해 반복하는 루프를 만듭니다.

for (변수 of 객체) {
  문장
}