[javascript] 객체의 키와 값 추출 방법

15 Dec 2023

javascript

자바스크립트에서 객체의 속성을 순회하거나 특정 속성들을 추출해야 하는 경우가 많습니다. 이를 위해 객체의 키(key)와 값(value)을 추출하는 다양한 방법이 있습니다.

Object.keys() 메서드

Object.keys() 메서드는 객체의 속성(key)들을 배열로 반환합니다. 다음은 Object.keys() 메서드를 사용하여 객체의 키를 추출하는 예시입니다.

const person = {
  name: 'John',
  age: 30,
  job: 'developer'
};

const keys = Object.keys(person);
console.log(keys); // ['name', 'age', 'job']

Object.values() 메서드

Object.values() 메서드는 객체의 값(value)들을 배열로 반환합니다. 다음은 Object.values() 메서드를 사용하여 객체의 값들을 추출하는 예시입니다.

const person = {
  name: 'John',
  age: 30,
  job: 'developer'
};

const values = Object.values(person);
console.log(values); // ['John', 30, 'developer']

Object.entries() 메서드

Object.entries() 메서드는 객체의 속성들을 [key, value] 형태의 배열로 반환합니다. 다음은 Object.entries() 메서드를 사용하여 객체의 키와 값들을 추출하는 예시입니다.

const person = {
  name: 'John',
  age: 30,
  job: 'developer'
};

const entries = Object.entries(person);
console.log(entries); // [['name', 'John'], ['age', 30], ['job', 'developer']]

요약

자바스크립트에서 객체의 키와 값들을 추출하는 방법에 대해 간략히 알아보았습니다. Object.keys(), Object.values(), Object.entries() 메서드를 활용하여 객체의 속성들을 쉽게 다룰 수 있습니다.

참고 자료: