for...in 과 for...of

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

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 반복 가능한 객체) {
  // 코드 블록
}

복사
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는 반복 가능한 객체의 값을 순서대로 꺼내서 반복합니다.