Colin's Blog
[typescript] 반복문을 사용한 데이터 조회

이번에는 타입스크립트를 사용하여 배열이나 객체와 같은 데이터 구조를 반복문으로 조회하는 방법에 대해 알아보겠습니다.

배열 데이터 조회하기

for…of 문 사용하기

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

위 코드에서 for...of 문을 사용하여 배열 numbers의 각 요소를 조회하고 출력합니다.

forEach 메서드 사용하기

numbers.forEach(num => console.log(num));

forEach 메서드는 배열의 각 요소에 대해 콜백 함수를 실행하는데 사용됩니다.

객체 데이터 조회하기

for…in 문 사용하기

const person = {
  name: 'John',
  age: 30,
  city: 'New York'
};
for (const key in person) {
  console.log(key, person[key]);
}

for...in 문을 사용하여 객체의 속성을 반복해서 조회하고 각 속성과 값을 출력합니다.

Object.keys 메서드 사용하기

Object.keys(person).forEach(key => {
  console.log(key, person[key]);
});

Object.keys 메서드는 객체의 속성을 배열로 반환하고, 그 배열에 대해 forEach 메서드를 사용하여 각 속성과 값을 출력합니다.

마무리

위와 같이 타입스크립트를 사용하여 반복문으로 배열과 객체 데이터를 간단하게 조회할 수 있습니다. 이러한 반복문을 효과적으로 활용하여 데이터를 처리하는데 도움이 될 것입니다.

참고 자료:

© 2018 Colin. All rights reserved.