[ReactJS_Complete] For ... in or of

이 글은 [[한글자막] React 완벽 가이드 with Redux, Next.js, TypeScript]를 수강하며 정리한 글입니다.

 

 

⚛️ 기본 환경: IDE: VS code, Language: React

 

 

1. For ... in ...: 객체에서 사용 권장

: 순서없이 반복되어 배열의 인덱스 순서대로 반복문이 진행된다는 보장이 되지 않음

: 객체의 모든 열거 가능한 속성(key, value)을 반복할 수 있음

 

2. For ... of ...: 배열 등 Collection에서 사용 권장

: 배열의 인덱스 순수대로 반복문 진행 보장

: of 앞에는 index number가 아닌 배열의 요소를 나타냄

▶ 배열의 0번째 요소를 출력하고 싶으면, arr[0]이 아닌 0(element)를 직접적으로 입력해야 함

 

 

(왼쪽) for-in / (오른쪽) for-of

 

 

 

참고 자료

[Javascript] 반복문 for.. in 과 for.. of 의 차이