자바스크립트에서 객체 할당을 사용하여 배열 또는 객체 내부의 요소를 반복하는 방법은 여러 가지가 있습니다.

for…in 문

가장 기본적인 방법은 for...in 반복문을 사용하는 것입니다. 이 반복문은 객체의 열거 가능한 속성을 반복하며, 순서는 보장되지 않습니다. 이때 속성에 접근하기 위해 obj[prop] 형태를 사용합니다.

const obj = { a: 1, b: 2, c: 3 };

for (let prop in obj) {
  console.log(prop, obj[prop]);
}

Object.keys 및 배열 순회

Object.keys 메서드를 사용하여 객체의 속성을 배열로 가져온 후, 배열의 forEach 메서드나 map 메서드 등을 이용하여 순회할 수 있습니다.

const obj = { a: 1, b: 2, c: 3 };
Object.keys(obj).forEach(prop => {
  console.log(prop, obj[prop]);
});

Object.entries 사용

ECMAScript 2017(ES8)에서 도입된 Object.entries를 사용하면 키와 값의 쌍을 배열로 반환하여 반복할 수 있습니다.

const obj = { a: 1, b: 2, c: 3 };
Object.entries(obj).forEach(([key, value]) => {
  console.log(key, value);
});

Object.getOwnPropertyNames 사용

Object.getOwnPropertyNames를 사용하여 객체 자신이 소유한 열거 가능한 속성의 이름을 배열로 반환할 수도 있습니다.

const obj = { a: 1, b: 2, c: 3 };
Object.getOwnPropertyNames(obj).forEach(prop => {
  console.log(prop, obj[prop]);
});

위와 같이 자바스크립트에서 객체를 반복 처리할 수 있는 다양한 방법이 있으며, 각 방법에는 장단점이 있으니 상황에 맞게 활용할 수 있어야 합니다.

참고문헌: MDN web docs