[자바스크립트] 기초문법 #6 반복문(for) - travelbeeee

안녕하세요, 여행벌입니다.

오늘은 제어문의 한 종류인 반복문(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++ 을 실행합니다. 결과는 다음과 같습니다.

 변수를 선언하는 과정을 따로 다른 줄에 작성하지 않고 다음과 같이 구현할 수도 있습니다.

for(let i = 0; i < 10; i++)
    console.log(`${i+1}번 째 입니다.`);

 결과는 동일합니다.

 

 for문을 이용해서 구구단을 만들어 보도록 하겠습니다.

let mul = 5;
for(let i = 1; i < 10; i++)
    console.log(`${mul} X ${i} = ${mul * i}`);

 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 함수가 실행됩니다.

 이중 for문을 이용해서 구구단을 쉽게 출력할 수 있습니다.

---

이제 if , switch, while, for 문 4가지 제어문에 대해서 모두 배웠습니다.

4가지 제어문만 논리적으로 잘 이용한다면 원하는 모든 알고리즘을 작성할 수 있습니다.

다음 포스팅에서는 반복문에서만 사용하는 break, continue 문에 대해서 다뤄보도록 하겠습니다.