JavaScript - Object.entries를 사용하여 객체를 배열로 변환

 

아래와 같은 객체를 Object.entries()를 사용하여 배열로 변환해보자.

const obj = {
  x: 10,
  y: 20,
  z: 30
}

 

 

Object.entries()만 사용

const arr = Object.entries(obj)
console.log(arr)

[ [ 'x', 10 ], [ 'y', 20 ], [ 'z', 30 ] ]

 

 

map과 같이 사용

const arr = Object.entries(obj).map(([key, value]) => ({key, value}))
console.log(arr)

[
  { key: 'x', value: 10 },
  { key: 'y', value: 20 },
  { key: 'z', value: 30 }
]

 

 

배열을 객체로 변환하기 위해서는?

• Object.fromEntries() 사용
• 2차원으로 구성된 배열의 key, value 쌍 목록을 객체로 변환

const obj = {
  x: 10,
  y: 20,
  z: 30
}

const arr = Object.entries(obj)

const newObj = Object.fromEntries(arr)
console.log(newObj)

{ x: 10, y: 20, z: 30 }

 

 

---

참고

• https://engineer-mole.tistory.com/360