객체를 배열로 변환하는 방법 정리

이번에 객체를 배열 형태로 변환하는 코드를 다룰 일이 있어, 관련 메서드들을 정리해보았습니다.

const testObject = {
  name: 'lucy',
  age: 28,
  address: 'seocho',
};

 

📌 변환 메서드 3가지

메서드	설명	반환 형태
Object.entries()	객체를 [key, value] 쌍의 배열로 변환	[[key, value], ...]
Object.keys()	객체의 키만 추출	[key, key, ...]
Object.values()	객체의 값만 추출	[value, value, ...]

 

🧪 사용 예시

const entries = Object.entries(testObject);
console.log(entries);
// 출력: [["name", "lucy"], ["age", 28], ["address", "seocho"]]

const keys = Object.keys(testObject);
console.log(keys);
// 출력: ["name", "age", "address"]

const values = Object.values(testObject);
console.log(values);
// 출력: ["lucy", 28, "seocho"]

 

Object.entries()

Object.keys()

Object.values()

💡 정리

• 객체의 내용을 배열로 다뤄야 할 때 유용한 내장 메서드입니다.
• 특히 Object.entries()는 key-value 쌍을 배열로 반환하므로, map() 등을 활용한 데이터 가공 시 유용합니다.
• React 등에서 리스트 렌더링이나 폼 처리 시 자주 쓰이니 익숙해두면 좋습니다.