[JS] 배열을 map으로 변환하기

자바스크립트 array 를 object, Map 으로 변환하기

• 여러 object로 구성된 array를 map으로 변환하고 싶은 니즈가 있어 찾아보았다.

const arr = [
  {email: 'abc', age: 1},  
  {email: 'def', age: 2},
  {email: 'ghi', age: 3},
  {email: 'jkl', age: 4}
];

// reduce를 사용한 방법
const map1 = arr.reduce((acc, curr) => {
    acc.set(curr.email, curr.age);
    return acc;
}, new Map());
console.log('map1: ', map1);

// 기존에 내가 사용하던 방법
const map2 = new Map();
for(const { email, age } of arr) {
    map2.set(email, age);
}
console.log('map2: ', map2);

/* 실행 결과
map1:  Map(4) { 'abc' => 1, 'def' => 2, 'ghi' => 3, 'jkl' => 4 }
map2:  Map(4) { 'abc' => 1, 'def' => 2, 'ghi' => 3, 'jkl' => 4 }
*/

• 기본적으로 for-of 또는 forEach를 사용해왔으나, reduce를 사용하는 방법이 있어 메모하였음. 자세한 설명은 상단 링크를 참고!