#9 자바스크립트(JavaScript) - 반복문 : for

안녕하세요! 에이블디입니다!

 

이번 시간에는 반복문에 대해서 배워보려 해요!

 

여러분! 콘솔 창에 1 - 10까지 출력을 해야 한다고 가정해 볼게요.

그럼 아래와 같은 코드를 써야 하겠죠?

console.log(1);
console.log(2);
console.log(3);
console.log(4);
console.log(5);
console.log(6);
console.log(7);
console.log(8);
console.log(9);
console.log(10);

실제로 출력된 모습도 보도록 할게요.

 

1부터 10까지 콘솔에 출력된 걸 확인할 수 있습니다!

 

그럼 1 - 100까지를 출력해야 한다면 어떨까요?

console.log()를 100개를 작성해야겠죠?

 

1-100만은요?

역시 console.log()를 100만 개 작성해야 할 겁니다.

 

하지만 이렇게 된다면 소스코드를 작성하기 어려울 만큼 코드가 너무 길어지고 비효율적이겠죠?

바로 이럴 때 반복문을 사용해 준다면 간단하고 효율적으로 소스코드를 작성할 수 있습니다!

 

그래서 이번 시간에는 반복문 중에서도 가장 많이 사용하는 for문에 대해 알아보도록 할게요!

 

for문은 값이 일정하게 커지거나 작아지면서 명령을 반복 실행할 때 사용하기 편리한 반복문입니다.

 

그럼 앞에서 작성한 1-10까지 콘솔에 출력하는 코드를 for문으로 작성해 볼게요!

for(var i = 1; i <= 10; i++){
    console.log(i);
}

코드가 단 3줄로 깔끔하게 정리가 됐네요!

실제로 출력을 해 보기 전에 for문의 실행 순서를 함께 알아보도록 할게요!

 

1. for문에서만 사용할 카운터 변수를 선언합니다.

- 카운터 변수란 for문을 실행할 때 반복 횟수의 기준이 되는 변수입니다. 카운터 변수의 이름은 지어주고 싶은 대로 지어주면 되지만 보통은 i라고 이름을 지어줍니다. 또 카운터 변수는 반복문을 시작하기 전에 반드시 초기화해야 하는데요, 저는 1 - 10까지의 숫자를 출력하기 위해 1로 초기화해 주었습니다.

 

2. for문 안에 있는 소스를 실행할지 판단하는 조건을 넣어줍니다. 조건이 true라면 중괄호 안의 코드를 실행하고, false라면 for문을 벗어나 다음에 나오는 소스를 실행합니다.

- 저는 1부터 10까지 출력을 해야 하기 때문에 i = 1부터 i = 10까지 총 10번을 반복하도록 조건을 걸었어요.

 

3. for문에서 반복 실행할 코드를 중괄호 안에 작성해 줍니다.

 

4. 증감 연산자를 사용해 카운터 변수를 증가 혹은 감소시킵니다.

-  저는 1부터 10까지를 출력하기 위해 중괄호 안에 있는 코드를 실행한 이후 카운터 변수 i를 1만큼 증가(++)시켰습니다.

 

4번까지의 과정을 거치고 다시 1 - 4번 과정을 반복하면서 for문을 반복하다가 카운터 변수가 11이 되는 순간 10보다 커지게 되어 조건에 맞지 않게 되면 for문이 더 이상 실행되지 않겠죠?

 

그럼 콘솔 창에 1부터 10까지 출력이 되는지 한번 확인해 볼까요?

단 3줄로 1부터 10까지 출력하는 것을 확인할 수 있습니다!

 

이렇게 단 3줄로 1부터 100까지, 1부터 100만까지 출력하는 것도 가능하겠죠?

한번 출력해 보시는 것도 좋을 것 같습니다!

 

이번 시간에는 반복 문중 for문을 알아보았는데요!

다음 시간에도 더 많은 문법을 알아보도록 해요!

 

그럼 여러분 다음 시간에 만나요!