배열 가공 및 배열 합치기

데이터를 가져와서 사용할 때 API를 통해 통짜 데이터를 가져오게 되면  필요한 데이터를 가공해서  사용한다.

filter 나 reject 같은 함수들을 사용해서 데이터를 가공하다 보면 조건이 늘어날 수록 은근 헷갈리게 되는 부분들이 생기게 되었다. 그래서 데이터 정리 및 배열 정비하는 요령을 정리해보려고 한다. (물론 각자 편한 방식은 다를것이다!)

 

---

1. 조건들을 하나씩 따로 생성해서 확인하기

구분 조건들을 각각 따로 생성해서 그 조건들을 일치시키는 내용을 마지막에 return 하여 데이터를 가공하는 방법이다.

var deposit = data.filter((item) => {
    const condition1 = item.ACCOUNT_NUMBER !== "111111";
    const condition2 = item.PRODUCT_NAME == "ZINISANG";
    return condition1 && condition2
    
    // PRODUCT_NAME 이 ZINISANG 이면서 ACCOUNT_NUMBER 가 111111 이 아닌 정보들을 모두 구분(filter) 해줘라
})

 

2. 각 조건으로 정비되 배열들을 합쳐서 전체 데이터 만들기

var deposit = data.filter((item) => {
    const condition1 = item.ACCOUNT_NUMBER !== "111111";
    const condition2 = item.PRODUCT_NAME == "ZINISANG";
    return condition1 && condition2
})

var withdraw = data.filter((item) => {
    const condition1 = item.ACCOUNT_NUMBER !== "222222";
    const condition2 = item.PRODUCT_NAME == "LEE";
    return condition1 && condition2
})

var DepositAndWithdraw = [
     ...deposit, ...withdraw
]

// 각 조건으로 정리된 데이터 배열들을 합쳐준다. (데이터가 적혀지는 순서대로 쌓인다.)

 

아직까지의 경험상은 위처럼 조건들을 따로 정리하고 다시 데이터를 합치는 방식이

나중에 수정할 때  다시 찾아보기 편하고, 다른사람이 이해하기 좀 더 쉬운 것 같았다.

다양한 방법이 있을테니 이런것도 한가지의 방법으로 기억해두려고 정리해보았다.