티스토리 뷰

// for문 (for statement)
for (초기화부분; 조건부분; 추가동작부분){
	동작부분
}

 

프로그래밍에서 반복문은 컴퓨터에게 반복적인 작업을 해달라고 도움을 요청하는 것입니다.

if문과 비슷한 모양이긴 하지만 if문은 어떤 조건 부분이 충족되면 동작 부분을 한 번만 수행하고 끝이 나지만 for문은 반복문인만큼 조건 부분이 충족이 되면 계속해서 동작 부분을 반복한다는 것입니다.

 

소괄호 안쪽을 보면 초기화부분, 조건 부분 그리고 추가 동작 부분 이 세부분을 세미콜론(;)으로 나누고 있는 것을 볼 수 있는데, 가장 먼저 초기화 부분은 for 반복문이 시작할 때 가장 먼저 그리고 딱 한번만 실행되는 부분입니다.

두 번째 조건 부분은 if문과 동일하게 이 부분에 작성된 코드를 불린 형태로 평가한 다음 true로 반단이 되면 동작 부분을 실행하는 역할을 하는 부분입니다.

마지막 추가동작부분은 조건 부분이 true로 판단됐을 때 이 동작 부분을 실행하고 그 다음 추가적으로 동작할 부분을 작성하는 곳입니다.

// for문 (for statement)
for (let i = 1; i <= 10; i++) {
	console.log(`${i} 코드잇 최고`);
}

초기화 부분에서 i라는 변수를 하나 만들고 조건 부분과 추가동작부분에서 i를 사용하는 모습을 볼 수 있는데요. 반복문을 만들 때 가장 먼저 생각해야 할 부분은 '얼마만큼 반복할까?'입니다. 그 반복의 횟수를 저장하는 역할이 바로 이 변수 i인 것입니다. 그래서 for문에서 보통 초기화 부분은 주로 이렇게 반복 횟수를 저장할 변수를 생성하는데 활용합니다. 그리고 이 변수의 값을 활용해서 조건 부분을 작성하는데 10번 반복하기 위해서 i가 10보다 작거나 같을 때라는 조건을 만들어주고 자연스럽게 반복 횟수를 카운트하기 위해서 이 변수의 값을 하나씩 증가시키는 코드를 주로 추가 동작 부분에 작성하는 것입니다.

i도 잘 증가하는지 보기 위해서 i도 함께 연결해서 출력해 보겠습니다. 저장하고 확인해보면 10번 출력된 것을 확인할 수 있습니다. 

 

for문이 시작되면 가장 먼저 초기화 부분이 실행되면서 변수 i가 선언됩니다.

그리고 나면 조건 부분이 평가됩니다. 처음에는 i가 1이니까 조건 부분이 true가 돼서 동작 부분이 실행됩니다.

그럼 i는 1이 되고 첫 번째 '코드잇 최고!'가 출력이 됩니다.

그러고 나면 그 다음은 추가 동작 부분이 실행됩니다. i값이 1 증가했으므로 이제는 i가 2가 됩니다.

초기화는 처음에 딱 한 번만 실행되기 때문에 한 번 이렇게 반복이 일어나면 그 다음 순서는 초기화가 아니라 조건 부분이 됩니다. 이때부터는 조건 부분이 false가 될 때까지 조건 부분, 동작 부분 그리고 추가 동작 부분 순서로 계속해서 반복이 일어나는 것입니다. 그러면 이제 조건 부분이 또 평가가 됩니다. 직전에 i를 1씩 증가시켜 줬으니까 이제는 i가 2인 상태로 평가가 됩니다. 당연히 조건을 충족하기 때문에 두 번째 '코드잇 최고!'가 출력이 됩니다. 이런 식으로 계속해서 10번을 반복하고 i가 11이 되는 지점에서는 다음 조건 부분이 false가 되면서 그제서야 반복문이 종료가 됩니다.

'프론트엔드 > JavaScript' 카테고리의 다른 글

[제어문] 13.while문  (0) 2022.09.29
[제어문] 10. for문 Tip  (0) 2022.09.28
[제어문] 07.switch문 vs if문  (0) 2022.09.26
[제어문] 06. switch문  (0) 2022.09.25
[객체] 07. 객체와 메소드  (0) 2022.09.24
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
글 보관함