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
'Front-end School > JS' 카테고리의 다른 글
[Javascript] - promise 함수 (0) | 2022.02.04 |
---|---|
[Javascript] 콜백함수(Callback Function)란? (1) | 2022.02.03 |
[Javascript] - querySelector (1) | 2021.11.28 |
[Javascript] - getElementbyId 의 사용법 (0) | 2021.11.28 |
[Javascript] - 논리연산자_and, or (&&, ||) (1) | 2021.11.27 |