티스토리 뷰
// 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
- findindex
- 참조형 데이터
- redux-middleware
- undefined
- redux thunk
- 기본형 데이터
- 비교 연산자
- filter
- 불변 객체
- 느슨한 타입(loosely typed)
- redux middleware
- redux-thunk
- 동적(dynamic) 언어
- some
- map
- find
- 타입변환
- EVERY
- null
- 얕은복사
- redux
- foreach
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |