자바스크립트에서 객체의 속성과 값을을 순회하는 것은 매우 일반적입니다. 이 작업은 일반적으로 for...in 루프나 Object.keys(), Object.values(), Object.entries()와 같은 내장 메서드를 사용하여 수행됩니다.

1. for…in 루프

가장 간단한 방법은 for...in 루프를 사용하는 것입니다. 예를 들어, 아래의 코드는 객체 person의 모든 속성과 값을을 순회합니다.

const person = {
  name: 'John',
  age: 30,
  gender: 'male'
};

for (const key in person) {
  console.log(`${key}: ${person[key]}`);
}

이 루프는 객체의 모든 속성을 가져와서 순차적으로 루프를 돌며 해당 속성의 값에 접근합니다.

2. Object.keys()

Object.keys() 메서드는 주어진 객체의 속성들의 이름으로 이뤄진 배열을 반환합니다. 이 배열을 순회하여 각 속성에 접근할 수 있습니다.

const keys = Object.keys(person);
for (const key of keys) {
  console.log(`${key}: ${person[key]}`);
}

3. Object.values()

Object.values() 메서드는 주어진 객체의 값들로 이뤄진 배열을 반환합니다. 아래 코드는 Object.values()를 사용하여 객체의 값을 순회하는 방법을 보여줍니다.

const values = Object.values(person);
for (const value of values) {
  console.log(value);
}

4. Object.entries()

Object.entries() 메서드는 객체의 [key, value] 쌍을 담은 배열을 반환합니다. 아래 코드는 객체의 모든 속성과 값에 접근하기 위해 Object.entries()를 사용하는 방법을 보여줍니다.

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

이러한 방법들은 모두 객체의 속성과 값을 효과적으로 순회하는 방법을 제공합니다. 따라서 상황과 요구에 맞게 적절한 방법을 선택하여 사용할 수 있습니다.

참고문헌:

• MDN Web Docs