[JavaScript-21] for문의 모든 것

for 반복문의 구조는 다음과 같습니다

/*

for(초기화부분; 조건식; 증감식){
    반복할 내용
};

*/

for문이 반복문이란걸 아는 사람은 많지만, for문이 내부적으로 어떤 순서로 동작하는지,

디테일하게 알고있는 사람은 많지 않습니다. 지금부터 저와 하나씩 알아보죠.

 

초기화부분엔 보통 for문 안에서 반복의 수를 세기 위해 사용할 지역변수를 선언해줍니다.

초기화부분은 for문이 시작될 때 처음 한 번만 동작하고, 그 이후론 다시 초기화되지 않고 무시됩니다.

 

조건식은, 현재의 변수의 내용이 조건을 만족할 경우에만 반복 내용을 실행하도록 해줍니다.

반복할 내용이 실행되면, 증감식으로 변수 값을 늘려줍니다. 

 

줄글로 보니 어렵죠?

요약하면 for문의 동작 순서는 다음과 같습니다:

 

1. 변수 초기화

2. 현재 변수가 조건식을 만족하는지 확인

3. 만족하면 반복할 내용 수행

4. 수행 후 변수 증감식 수행

5. 초기화는 건너뛰고 바로 조건식으로 가서 맞나 확인...

 

이런식이죠. 

즉, 

 

초기화 처음 한 번 > 조건식 체크 > 수행 > 증감 > 조건 체크 > 수행 > 증감

 

이런 방식입니다.

아직도 뭐야 저게.. 싶으시죠?

코드로 보시죠.

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

자, 여기서는 반복의 수로 사용할 지역변수 i를 초기화 부분으로 생성했네요.

i라는 변수가 10보다 작다는 조건을 만족하는 동안에는 계속해서 console.log를 해주고,

한 번 log를 해주면 i는 1이 늘어납니다!

 

이해가 가시죠?

 

자, 마무리 하면서 디테일한 부분을 알려드리자면,

초기화부분이나 증감식은 파라미터 바깥에 써도 되지만,

좋은 코드는 보통 파라미터 안에 초기화, 조건, 증감을 모두 써주고,

 

중괄호 속에는 반복할 내용만 적어주는 것을 지향합니다!

또, 설령 세 가지 요소 중 하나를 생략해도, 

세미콜론은 반드시 2개가 있어야 한다는 점 기억하세요!!

 

세미콜론은 1개도 3개도 아닌, 반드시 2개여야 합니다!~