Object ↔ Array 변환

Object → Array 

• Object.entries를 이용한다.
• Object.keys를 이용하여 key로 이루어진 배열을 만든다
• 위 배열을 map을 이용하여 키 값 쌍으로 묶인 배열로 만들어 준다 

const obj = {
  id: 1,
  city: 'Biloxi',
  country: 'United States',
  address: 'Walton',
};

const arr = [
  ["id", 1],
  ["city", "Biloxi"],
  ["country", "United States"],
  ["address", "Walton"]
]

Object.entries(obj) //arr과 같은 배열

Object.keys(obj).map(e => [e, obj[e]]) //arr과 같은 배열

 

 

Array → Object

• reduce를 이용한다 

const obj = {
  id: 1,
  city: 'Biloxi',
  country: 'United States',
  address: 'Walton',
};

const arr = [
  ["id", 1],
  ["city", "Biloxi"],
  ["country", "United States"],
  ["address", "Walton"]
]

arr.reduce((acc, el) => {
  acc[el[0]] = el[1] 
  //arr배열의 [el][0]번째를 키로 [el][1]번째를 값으로 할당한 후
  //acc라는 빈 객체에 넣어준다
  return acc
  
}, {}) //acc 초기값을 빈객체로 설정

//obj와 동일한 객체를 반환