패스트캠퍼스 환급챌린지 19일차 : 김민태의 프론트엔드 아카데미 : 제 1강 JavaScript & TypeScript Essential 강의 후기

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.
https://fastcampus.info/4n8ztzq

250719(토) 19일차

문법 - 반복문

 

for

for문은 3가지 요소(초기값, 조건, 증감)를 구성해 반복을 제어하는 구조

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

증감 i++가 빠지면 조건이 영원히 참인 상태가 되어 무한 루프가 된다

실무에서는 실제 장애로 이어질 수 있기 때문에 주의하기

 

while과 do...while

while문은 for문보다 비교와 증감이 분리되어 있어 불편해 보이지만

로직이 단순하거나 반복 조건을 외부에서 정해야 할 때는 오히려 더 유연하다는 장점이 있다

let i = 0;
while (i < arr.length) {
  console.log(arr[i]);
  i++;
}

do...while은 조건보다 먼저 실행이 보장된다는 점이 핵심

단순한 문법 차이가 아닌 최소 1회 실행해야 하는가의 로직 조건에 따라 선택이 갈릴 수 있는 중요한 요소

 

for...of

배열을 처음부터 끝까지 돌면서 각각의 요소를 꺼내오는 구조라면 for...of가 편하다

for (const item of arr) {
  console.log(item);
}

i를 선언할 필요도 없고, 조건도 없고, 증감도 없이 요소 하나씩 꺼내서 쓰기만 하면 된다.

순회 대상의 위치가 중요하지 않은 경우라면, 이것이 깔끔

 

for...in

for...of는 배열의 요소값을 순회

for...in은 객체의 키 또는 배열의 인덱스를 순회

const obj = { color: 'red', width: 200 };
for (const key in obj) {
  console.log(key); // color, width
}

배열에 for...in을 쓰는 것은 권장되지 않음

배열은 for...of 또는 for문으로 돌리는 것이 더 안전하고 직관적

 

이번 강의는 반복문

반복문은 뭘 반복할지, 어떤 정보가 필요한지에 따라 선택지가 달라진다

반복문을 그냥 돌리는 수준에서 벗어나 왜 이 문법을 이 때 써야 하는지 알게 된 시간

반복문은 단순한 문법이 아니라, 코드의 목적과 의도를 가장 명확하게 드러낼 수 있는 구조