[Javascript] Object to Array

전 포스팅에서 Chart.js 사용기를 적었는데,

작업하다가 서버에서 Map형태로 보내준 데이터(Javascript에서는 Object로)를 배열로 변환해서 차트의 라벨과 데이터로 사용했다.

 

단순히 for문을 돌려서 배열로 만들었었는데, 훨씬 효율적인 방법이 있었다.

let obj = {
  A : 'Apple',
  B : 'Banana',
  C : 'Coconut'
};

let arr = [];
let vArr = [];

for (let k in obj) {
	arr.push(k);
	vArr.push(obj[k]);
}

console.log(arr); // ['A', 'B', 'C']
console.log(vArr); // ['Apple', 'Banana', 'Coconut']

for ... in 으로 key에 접근했다.

 

아래 방법으로 한줄로 끝!

let obj = {
  A : 'Apple',
  B : 'Banana',
  C : 'Coconut'
};

let arr = Object.keys(obj);
let vArr = Object.values(obj);


console.log(arr); // ['A', 'B', 'C']
console.log(vArr); // ['Apple', 'Banana', 'Coconut']

이렇게 해서 Javascript의 Object to Array를 깔끔하게 처리했다.