JavaScript에서는 객체의 속성을 순회하고 접근하는 다양한 방법이 있습니다. 이 중에 하나는 Object.keys() 메서드를 사용하는 것입니다. 이 메서드는 객체의 속성 이름으로 이루어진 배열을 반환합니다. 따라서 우리는 이 배열을 순회하면서 각 속성에 접근할 수 있습니다.

Object.keys() 메서드 사용하기

Object.keys() 메서드는 다음과 같이 사용할 수 있습니다.

const obj = { a: 1, b: 2, c: 3 };
const keys = Object.keys(obj);

위의 예제에서 obj 객체의 속성 이름으로 이루어진 배열을 keys 변수에 할당했습니다.

객체 속성 순회하기

이제 우리는 반환된 배열을 순회하면서 각 속성에 접근할 수 있습니다.

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

위의 코드는 keys 배열을 순회하면서 각 속성의 이름과 값을 콘솔에 출력하는 예제입니다.

반복문을 이용한 객체 속성 순회

또 다른 방법으로 for…of 반복문을 이용하여 객체의 속성을 순회할 수도 있습니다.

for (const key of keys) {
  console.log(key, obj[key]);
}

이러한 방식으로 Object.keys() 메서드와 반복문을 사용하여 객체의 속성을 순회하고 접근할 수 있습니다.

이러한 방법은 객체의 속성을 동적으로 다루고 싶을 때 유용하며, 특히 객체를 순회하면서 어떠한 작업을 수행해야 할 때 유용하게 사용됩니다.

결론

JavaScript에서 Object.keys() 메서드를 사용하여 객체의 속성을 순회하는 방법을 배웠습니다. 이를 통해 객체의 속성에 대해 동적으로 작업을 수행하고 객체를 효과적으로 다룰 수 있게 되었습니다.

더 많은 정보 및 예제 코드는 MDN web docs에서 확인할 수 있습니다.