Colin's Blog
[javascript] 객체 순회를 통한 객체의 일부 속성 추출하기

자바스크립트에서 객체를 순회하면서, 해당 객체의 특정 속성들을 추출하고 싶을 때가 있습니다. 이를 위해 for...in 루프나 Object.keys() 메서드를 사용할 수 있습니다.

for...in 루프를 이용한 속성 추출

for...in 루프는 객체의 속성들을 순회하면서 각 속성에 접근할 수 있습니다. 다음은 객체에서 일부 속성들을 추출하는 예제입니다.

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

for (let key in person) {
  // 원하는 속성만을 추출
  if (key === 'name' || key === 'age') {
    console.log(key + ': ' + person[key]);
  }
}

Object.keys() 메서드를 이용한 속성 추출

Object.keys() 메서드는 객체의 속성들을 배열로 반환해줍니다. 이를 활용하여 필요한 속성들을 간편하게 추출할 수 있습니다.

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

let keys = Object.keys(person);
for (let key of keys) {
  // 원하는 속성만을 추출
  if (key === 'name' || key === 'age') {
    console.log(key + ': ' + person[key]);
  }
}

결론

객체를 순회하면서 필요한 속성들을 추출하는 방법에 대해 알아보았습니다. 이러한 방법을 활용하여 객체의 원하는 부분을 효과적으로 다룰 수 있습니다.

MDN Web Docs - for…in statement MDN Web Docs - Object.keys() method

© 2018 Colin. All rights reserved.