JavaScript에서 객체를 반복(iterate)하는 방법 looping objects

JavaScript에서 객체에 대해 반복 작업을 수행하려면 Object의 메서드를 사용해야 한다. 다음 예시를 살펴보자.

const person = {
  firstName: 'Greta',
  lastName: 'Garbo',
  birthYear: 1904,
};
 
console.log(person);
 
// get all keys
for (const key of Object.keys(person)) {
  console.log(key);
}
 
// get all values
for (const value of Object.values(person)) {
  console.log(value);
}
 
// get all keys and value
for (const [key, value] of Object.entries(person)) {
  console.log(`Key: ${key}, Value: ${value}`);
}

이러한 출력 결과가 표시된다.

{firstName: 'Greta', lastName: 'Garbo', birthYear: 1904}
firstName
lastName
birthYear
Greta
Garbo
1904
Key: firstName, Value: Greta
Key: lastName, Value: Garbo
Key: birthYear, Value: 1904

객체 자체는 loop를 수행할 수 없으므로, Object.entries()를 사용하여 순환 가능한 배열(array)로 변환해야 한다.

Object.keys() : 객체의 모든 키를 가져올 수 있다.

Object.values() : 객체의 모든 값을 가져올 수 있다.

Object.entries() : 객체의 모든 키와 값을 가져올 수 있다.