for문
반복문 중 제일 많이 쓸 구문이 아닐까,
강의를 듣고 있지만 이미 많이 써봤던 구문인지라 익숙하면서도 복습을 겸하게 되었다.
기본 구조와 특징
을 알아보자.
for문은 배열과 함께 쓰는 경우가 많다.
const arr에 1~5까지의 수를 저장해주고,
for문의 기본 구조로 반복 횟수는 arr.length로 배열의 길이만큼 지정해 주었다.
인덱스와 배열에 저장된 값을 불러오는 코드.
활용 예제
예제 1. 0부터 10까지의 수 중에서 2의 배수만 콘솔 창에 출력하기.
1) oneToTen 변수에 빈 배열 선언
2) 반복문 0~10회 반복할 수 있도록 조건 설정
for (let i=0;i<11;i++)
3) 조건 설정하기i !==0 && i % 2 === 0
i가 0이 아니면서ANDi를 2로 나눈 값이 0
4) 출력문console.log세팅
이런 로직으로 풀 수 있겠다.
for ~ in 문
그 동안 잘 활용하지 않았어서 존재를 까먹고 있었던 for-in.
이번 기회에 잘 복습하고 넘어가 보자.
객체의 속성을 출력하는 문법인 for - in은
for (let key in Object) {
// print 구문
console.log(key + " : " + Object[key]);
}같이 사용할 수 있다.
for문의 조건이 객체 내의 키를 순차적으로 불러오는 구조!
while문
무한정 반복하는 while을 둘러볼 차례.
기본 구조
while (condition) {
// main logic
// 증감 e.g. i++;
}사용 방법은 for문과 비슷하게 조건식이 condition위치에 들어간다.
그 의미는 condition 하에서 main logic을 무한히 반복한다는 뜻!
그래서 나는 while을 사용할 때, if 조건절과 break문을 함께 구성할 때도 있다..^^
예제를 같이 보자.
일단 기본적인 사용 방법은 위의 코드와 같다.
while문의 condition 이 i<10으로 세팅되어 있는데, 이는 위에 0이라고 선언된 i가 10이 되기 전까지는 계속 반복하겠다는 뜻이다.
그리고 반복할 대상인 main logic은 기본적인 콘솔 출력과 i++인 코드.
예제 2. while문을 활용해, 3 초과 100 미만의 숫자 중 5의 배수만 출력하기
1) 0인 변수x를 선언
2) 100 이하이면 계속x를 1씩 증가시키며 조건에 부합한지 검증
여기서i++을 미리 써 둬도 괜찮다.
3) 조건식 세팅x !== 0 && x % 5 === 0
4) 출력문 세팅
do ~ while
do - while의 경우, 먼저 반복할 로직을 선언하고 후에 조건을 설정해준다.
느낌상 컴퓨터한테 이거 해! 그런데 이런 동안에.
라고 명령하는 것.
코드를 뜯어보면, 먼저 변수 i에 값 0을 담아 선언해주고,
i를 출력하라고 할 일을 던져줬다. 그리고 10보다 작을 때 계속 반복하라고 조건을 넣어주었다.
break / continue
반복문을 사용하다 보면, 한 번씩 쓰게 되는 이것.
반복문을 탈출하는 break 선언과 continue이다.
위 예시와 같이, for문이든 while문이든 계속 로직을 반복하다가, 특정 조건에서 반복문을 멈추게 할 수 있는 것이 break.
반면, continue는 특정 조건에서 다른 행동을 하고 넘어갈 수 있도록 해준다. 현 코드에서는 i === 5일 때는 아무것도 하지 말고 단계를 넘어가서 기존의 메인로직을 계속하게 했다.
하지만 다르게 말하면, 특정 조건에서 메인로직과는 다른 작업을 시키고, 다시 기존의 로직으로 반복하게 할 수 있단 것!
노트
이렇게 자바스크립트 강의 1주차를 완강했다.
강의 듣는 도중에 정리를 하는 건 스스로도 혼란스럽고, 복습의 의미가 없는 것 같아서 수강 방식을 바꾸어 보았는데, (강의 먼저 실습 병행하며 듣고 후에 TIL로 복습하기) 이런 방식이 이해하기에 더 큰 도움이 되는 것 같아서 지속하기로 결정!!
2주차 강의를 듣다 보니, 이제 슬슬 일급객체 이야기가 나오면서 높은 이해도가 중요한 스텝이 다가오는 것 같다. 벨로그는 나의 복습을 위해서 써보자고!!! 일단 강의진도는 아직 괜찮으니까ㅠㅠ 뭔가 쫓기는 느낌도 들지만, 요 며칠보단 컨디션 많이 복구되어서 순항 중인듯 해! 개발자 전직 화이팅일세에~~🥹
