for...in 과 for...of

for...in 과 for...of 구문으로 반복문을 활용할 수 있습니다.

for...in

for...in 반복문은 객체의 모든 열거 가능한 속성을 반복합니다.

for...in 반복문 기본 구조
for (변수 in 객체) {
  // 실행할 내용
}

예를 들어 아래와 같이 객체 내 속성을 반복할 수 있습니다.

for...in 반복문 사용 예시
const student = {
  name: '코드프렌즈',
  age: 20,
};

for (let key in student) {
  console.log(key, ':', student[key]);
}

위 코드는 다음과 같이 출력됩니다.

사용 예시 출력값
name: 코드프렌즈;
age: 20;

for...of 반복문은 반복 가능한 객체(예: 배열, 문자열, Set, Map 등)의 값을 반복할 때 사용합니다.

for...of를 사용하면 배열 안의 각 항목을 하나씩 꺼내볼 수 있습니다.

for...of 반복문 기본 구조
for (변수 of 반복 가능한 객체) {
  // 코드 블록
}

배열 반복 예시
const fruits = ['사과', '바나나', '포도'];

for (let fruit of fruits) {
  console.log(fruit);
}

이 코드는 다음과 같이 출력됩니다.

배열 반복 예시 출력값
사과
바나나
포도

아래와 같이 문자열에도 for...of를 사용할 수 있습니다.

문자열 반복 예시
const serviceName = '코드프렌즈';

for (let char of serviceName) {
  console.log(char);
}

이 코드는 다음과 같이 출력됩니다:

문자열 반복 예시 출력값
코
드
프
렌
즈

요약하면 for...in은 객체의 속성을 반복하고, for...of는 반복 가능한 객체의 값을 순서대로 꺼내서 반복합니다.

코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!