[Vue3] map함수와 reduce함수로 total 구하기

// CMS 결제 관련 함수
const cmsItemTitle = reactive({ groups: [{ groupName: 'CMS 결제' }] });
const cmsItemList = reactive([
  {
    cmsName: '태블릿',
    cmsMonth: 12,
    cmsPrice: 9900,
    cmsQuantity: 10,
    cmsTotal: 0,
  },
  {
    cmsName: '마스터 태블릿',
    cmsMonth: 12,
    cmsPrice: 9900,
    cmsQuantity: 1,
    cmsTotal: 0,
  },
]);

 

    기존 코드 ( map 함수)

const getTotalAnnualFee = () => {
  let sum = 0;
  cmsItemList.forEach((item: any) => {
    sum += item.cmsTotal;
  });
  return sum;
};

 

    개선 코드 ( reduce 함수)

const getTotalAnnualFee = () => {
  let sum = 0;
  sum = cmsItemList.reduce((acc, cur) => acc + cur.cmsTotal, 0);
  return sum * 12;
};