[JavaScript] 자바스크립트의 반복문(while문, for문)

반복문이란?

반복문(iteration statements)이란 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문이다. 자바스크립트에서 사용할 수 있는 반복문의 형태는 다음과 같다.

1. while 문
2. do / while 문
3. for 문
4. for / in 문
5. for / of 문

 

 

 

 

1. while 문

while (표현식) {
    표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;
}

• 특정 조건을 만족할 때까지 계속해서 주어진 실행문을 반복 실행한다.
• 내부에 표현식을 변경하는 실행문을 빼먹으면 무한루프에 빠지므로 주의해야 한다.
• 주로 반복 횟수를 예상하기 어렵거나, 특정할 필요가 없을 때 사용한다.

 

 

 

 

2. do / while 문

do {
    표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;
} while (표현식);

• while문과 다른 게 먼저 루프를 한 번 실행한 후 표현식을 검사한다.

 

 

 

 

3. for 문

for (초기식; 표현식; 증감식) {
    표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;
}

• 자체적으로 초기식, 표현식, 증감식을 모두 포함하고 있는 반복문이다.
• 초기식, 표현식, 증감식은 각각 생략될 수 있다.
• 쉼표 연산자(,)를 사용하면 여러 개의 초기 식이나 증감식을 동시에 사용할 수 있다.

 

 

 

 

4. for / in 문

for (변수 in 객체) {
    객체의 모든 열거할 수 있는 프로퍼티의 개수만큼 반복적으로 실행하고자 하는 실행문;
}

• 일반적인 for문과는 전혀 다른 형태이다.
• 해당 객체의 모든 열거할 수 있는 프로퍼티(enumerable properties)를 순회할 수 있도록 해준다.

 

 

 

 

5. for / of 문

for (변수 of 객체) {
    객체의 모든 열거할 수 있는 프로퍼티의 개수만큼 반복적으로 실행하고자 하는 실행문;
}

• 반복할 수 있는 객체(iterable objects)를 순회할 수 있도록 해준다.
• 자바스크립트에서 반복할 수 있는 객체에는 Array, Map, Set, argumetns 등이 있다.
• 익스플로러에서 지원하지 않는다.

 

 

 

 

 

※ 참고자료

http://www.tcpschool.com/javascript/js_control_loop

https://www.w3schools.com/js/js_loop_for.asp