[JavaScript] 자바스크립트 반복문 사용하기 (for)

016 _ 자바스크립트 반복문 사용하기 (for)

[적용]

• 반복 처리 작업을 하고 싶을 때

---

[내용]

for 문은 반복 작업을 처리하며, 대량의 데이터를 처리하거나 배열을 다룰 때 유용하다.

---

[문법]

구문	의미
for (초기화; 반복문 조건; 반복 중 처리 구문) { 반복처리내용 }	반복 작업 처리

---

[예시]

for문을 사용하여 0부터 9까지 출력하는 코드를 만들어보자

 

JavaScript

// 0~9까지 순서대로 출력
for (let index = 0; index < 10; index++) {
    console.log(index);
}

 

[실행결과]

 

for문의 초기화는 반복 작업에서 처음 실행하는 내용을 삽입한다.

위의 예제코드에서는 'let index = 0;'으로 index변수에 0을 대입한다.

반복문 조건은 for문이 반복되는 조건을 넣는다.

앞 코드에서 'index < 10;'으로 index 변수가 10 이상이 될 때까지 반복 처리를 실행한다.

반복 중 처리 구문은 매 반복의 마지막에 실행되는 부분으로,

앞 코드에서는 처리가 끝날 때마다 +1을 실행한다.

 

[실행프로세스]

1. 초기화가 실행되어 index에 0이 대입된다.

2. 반복문 조건인 index < 10을 만족하여 console.log(index)가 실행된다 (0 출력).

3. 반복 중 처리 구문에서 index++가 실행되어 index가 1이 된다.

4. 반복문 조건인 index < 10을 만족하여 console.log(index)가 실행된다 (1 출력).

5. 반복 중 처리 구문에서 index++가 실행되어 index가 2가 된다.

6. (... index가 9가 될 때까지 반복...)

7. 반복 중 처리 구문에서 index++가 실행되어 index가 10이 된다.

8. 반복문 조건인 index < 10을 만족하지 않으므로 for문이 종료된다.

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김