[TCP School/자바스크립트] 제어문 - 반복문

반복문이란 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문이다.

프로그램이 처리하는 대부분의 코드는 반복적인 형태가 많으므로, 가장 많이 사용되는 실행문 중 하나이다.

 

자바스크립트에서 사용할 수 있는 반복문의 형태는 다음과 같다.

1. while 문

2. do / while 문

3. for 문

4. for / in 문

5. for / of 문

---

while 문

while 문은 특정 조건을 만족할 때 까지 계속해서 주어진 실행문을 반복 실행한다.

var i = 0;
while (i < 10) {
   document.write(i + "<br>");
   i++;
}

while 문에서 실행될 실행문이 한 줄 뿐이라면 중괄호를 생략할 수 있다.

---

do / while 문

do / while 문은 먼저 루프를 한 번 실행한 다음에 표현식을 검사한다.

즉, do / while 문은 표현식의 결과와 상관없이 무조건 한 번은 루프를 실행한다.

var i = 1, j = 1;

// 실행 안됨
while (i > 3)
    document.write('i: ' + (i++) + '<br>');

// 한 번 실행되고 루프 멈춤
do {
    document.write('j: ' + (j++) + '<br>');
} while (j > 3);

---

for 문

for 문은 while 문과 달리 자체적으로 초기식, 표현식, 증감식을 모두 포함하고 있는 반복문이다.

for (var i = 0, i < 10; i++)
    document.write(i + '<br>')

for 문에서 실행될 실행문이 한 줄 뿐이라면 중괄호를 생략할 수 있다.

---

for / in 문

for / in 문은 해당 객체의 모든 열거할 수 있는 프로퍼티(enumerable properties)를 순회할 수 있도록 해준다.

var arr = [3, 4, 5];

// 배열 arr의 모든 요소의 인덱스를 출력
for (var i = 0, i < arr.length; i++)
    document.write(i + ' ')
    
// 위 코드와 같은 동작을 함
for (var i in arr)
    document.write(i + ' ')

 

var obj = {name: '이순신', age: 20};
for (var key in obj)
    document.write(key + ' ');  // name, age 출력

---

for / of 문

for / of 문은 반복할 수 있는 객체(iterable object)를 순회할 수 있도록 해주는 반복문이다.

 

자바스크립트에서 반복할 수 있는 객체는 Array, Map, Set, arguments 객체 등이 있다.

var arr = [3, 4, 5];

// 배열 arr의 모든 요소의 값을 출력함 
for (var i = 0; i < arr.length; i++)
    document.write(arr[i] + ' ');

// 위 코드와 같은 동작을 함
for (var value of arr)
    document.write(value + ' ');

 

for / of 문은 인터넷 익스플로러에서는 지원하지 않는다.

---

TCP School의 강의 내용을 정리한 포스트입니다.

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

코딩교육 티씨피스쿨