![](http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png)
안녕하세요, 여행벌입니다.
오늘은 제어문의 한 종류인 반복문(for)에 대해서 다뤄보겠습니다.
개인적으로 제일 자주 사용하는 제어문입니다.
for 문
for 문은 조건식을 만족할 때까지 특정 코드를 반복하여 실행합니다. 사용 방법을 while 문과 같지만 while 문보다 사용하기 편해 사용 빈도가 대체로 높은 편입니다.
기본 형태는 다음과 같습니다.
for(초기값; 조건식; 증감식){
자바스크립트 코드;
}
while 문에서도 조건식, 증감식, 자바스크립트 코드가 동일하게 필요했고, 또 조건식을 위해 초기값을 설정했었습니다. for문은 초기값에서 시작해 조건식을 만족한다면 자바스크립트 코드를 수행하고 증감식을 수행합니다. 즉! while 문과 for 문은 모양만 다를 뿐 동일하게 작동합니다.
예시를 통해서 익혀보겠습니다.
let i;
for(i = 0; i < 10; i++)
console.log(`${i+1}번 째 입니다.`);
먼저, 변수 i를 선언했습니다. i 에 초기값으로 0을 주고, 조건식 i < 10을 만족하므로 자바스크립트 코드를 수행하고, i++ 을 실행합니다. 결과는 다음과 같습니다.
![](http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png)
변수를 선언하는 과정을 따로 다른 줄에 작성하지 않고 다음과 같이 구현할 수도 있습니다.
for(let i = 0; i < 10; i++)
console.log(`${i+1}번 째 입니다.`);
![](http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png)
결과는 동일합니다.
for문을 이용해서 구구단을 만들어 보도록 하겠습니다.
let mul = 5;
for(let i = 1; i < 10; i++)
console.log(`${mul} X ${i} = ${mul * i}`);
![](http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png)
i가 1부터 9까지 자바스크립트 코드가 실행되므로 다음과 같이 출력됩니다.
이중 for문을 이용하면 구구단을 1단부터 9단까지 전부 출력할 수 있습니다.
for(let i = 1; i < 10; i++){
for(let j = 1; j < 10; j++){
console.log(`${i} X ${j} = ${i * j}`);
}
}
i가 1일 때 안에 있는 for문이 실행되므로 j 를 1부터 9까지 9번 코드를 수행하게 됩니다.
또, i가 2일 때 바깥 for문의 조건식을 아직 만족하므로 마찬가지로 안쪽 for문이 실행됩니다.
이 과정을 i를 1부터 9까지 반복하며 각각 안쪽 for 문에 의해 console.log 함수가 실행됩니다.
![](http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png)
이중 for문을 이용해서 구구단을 쉽게 출력할 수 있습니다.
이제 if , switch, while, for 문 4가지 제어문에 대해서 모두 배웠습니다.
4가지 제어문만 논리적으로 잘 이용한다면 원하는 모든 알고리즘을 작성할 수 있습니다.
다음 포스팅에서는 반복문에서만 사용하는 break, continue 문에 대해서 다뤄보도록 하겠습니다.
'Dev > Javascript' 카테고리의 다른 글
[자바스크립트] 기초문법 #8 continue문 - travelbeeee (0) | 2020.01.16 |
---|---|
[자바스크립트] 기초문법 #7 break문 - travelbeeee (0) | 2020.01.16 |
[자바스크립트] 기초문법 #5 반복문(while) - travelbeeee (0) | 2020.01.16 |
[자바스크립트] 기초문법 #4 선택문(switch) - travelbeeee (0) | 2020.01.16 |
[자바스크립트] 기초문법 #3 조건문(if) - travelbeeee (0) | 2020.01.16 |