타입스크립트에서 객체를 순회하고 싶을 때 for..of문을 사용할 수 있습니다.

배열 순회

const numbers = [1, 2, 3, 4, 5];
for (const number of numbers) {
  console.log(number);
}

객체 순회

그러나 객체는 for..of문으로 바로 순회할 수 없습니다. 대신, Object.entries를 사용하여 객체의 키-값 쌍을 배열로 얻고, 그 배열을 순회할 수 있습니다.

const person = {
  name: "John",
  age: 30,
  city: "New York"
};

for (const [key, value] of Object.entries(person)) {
  console.log(`${key}: ${value}`);
}

Object.entries의 반환 형식

Object.entries를 사용하면 객체의 각각의 키-값 쌍이 [string, any] 형식의 배열로 반환됩니다.

for..of문과 함께 사용하기

Object.entries로 얻은 배열을 for..of문으로 순회하면서 객체의 각 속성에 접근할 수 있습니다.

for..of문을 사용하여 객체를 순회하는 방법에 대해 알아보았습니다. 객체를 순회할 때 Object.entries를 사용하여 각 속성의 키-값 쌍을 배열로 얻고, 이를 for..of문으로 순회하여 속성에 접근할 수 있습니다.

더 많은 정보는 MDN web docs를 참조하세요.