본문 바로가기
Front-end School/JS

[Javascript] 반복문_for 문 뽀개기

by .LUKA 2021. 12. 1.
728x90

개인적으로 내 인생 자바스크립트 학습의 첫 걸림돌이지 않았을까 싶은 for문..!

개념을 확실히 잡고간다면... 어렵지 않지만 내가 듣는 수업에서는 확실한 개념설명을 해주지 않았기에...

너무나도 어려웠던 for문에 대해서 알아보자!


 

먼저 문법 예시!

for ([초기문]; [조건문]; [증감문])
  문장

 

항상 느끼는 거지만 MDN문서는 나에게 너무나도 어렵다🥲

이해가 되지 않을 분들을 위해 조금더 보기 쉽게 변형해 보았다.

 

for(1.시작문; 2.조건식; 4.종료식) {
	3.동작문;
    }

순서는 1, 2, 3, 4 -> 2, 3, 4(반복)

 


 

예시를 통해 조금더 이해를 해보자!

//1부터 100까지 출력하기//
for(let i = 1; i < 101; i++) {
	console.log(i);
}

1(시작문) i = 1 이다

2(조건식) i 는 101보다 작다

3(동작문) i를 출력해라 

4(종료식) i 를 1씩 증가시킨다

.

.

.

2,3,4 반복 (조건이 false 일때까지 반복 = i가 101이 되면 조건이 성사되지 않는다 따라서 동작은 실행되지 않는다)

 


예시문제) 1부터 100중에서 짝수만 출력시켜라

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

설명)

1(시작문) i = 1 이다

2(조건식) i 는 101보다 작다

3(동작문) i + 1 을 출력해라 

4(종료식) i 는 i + 2 다.

.

.

.

2,3,4 반복하면

짝수들이 출력되는 것을 확인할 수 있다.

 

주의 ) 나는 종료식을 i + 2 로만 쓰는 실수를 범했다. 실제로 i 의 값을 재정립 해주는 식이 아니기에 i는 여전히 1

           => 무한루프에 진입해 강제종료행.......🤬

 


이제 자스를 배우는 코린이 입니다.

지나가시다 '이건 아닌데' 하는 부분이 있으시다면 

부디 알려주세요! 겸손히 배우겠습니다!

 

피드백은 사랑입니다😍

728x90