list 배열을 reduce로 묶기 (feat. javascript, js)

api에서 처음부터 데이터를 묶어서 전달해주면 좋겠지만,

api에서 하는 일이 많거나 해당 데이터를 난잡하지 않고, 간결하게 등등 여러가지 이유로 화면에서 데이터를 묶어서 처리를 해야 할 때,

reduce를 사용하여 묶는 방법에 대해서 알아보겠다.

 

예제

const list = [{word: '가', no: 1}, {word: '나', no: 3}, {word: '나', no: 2}]

const rtnList = list.reduce((acc, val) => {
    const { word, no } = val;
    if (!acc[word]) acc[word] = [];
    acc[word].push(no);
    return acc;
}, {});
// { 가: [1], 나: [3, 2] }

 

배열 내, 중복제거하는 방법이 궁금하다면, 아래링크에서 확인해보자.

Object List lodash로 간단하게 중복 제거하기 (feat. react)