반응형
서론
개발하면서 자주 사용하던 reduce를 쓰면서 반복을 중지할 때가 간혹 있는데 그것을 정리하고자 한다.
데이터
let reduceList = [...this.items];
let checkData = reduceList.reduce((acc, obj) => {
// 5번째 데이터를 가져오는 조건
if(obj.value === 5) {
acc = obj;
reduceList.splice(1);
}
return acc;
}, {});
확인 사항
1. 기준되는 items를 깊은 복사하여 reduceList 생성
2. reduceList 를 reduce 하여 조건 체크
3. 조건에 맞을시 reduce 반복을 break 하기위해 splice를 사용하여 reduceList 길이를 1로 핸들링(ex. reduceList.splice(1))
!! 여기서 중요한 점은 기준 데이터에 영향이 없도록 깊은 복사하여 처리를 해야합니다.
결론
자주 사용하는 reduce지만 조금이라도 속도개선을 고려하고자 정리합니다.
반응형
'개발 > Javascript' 카테고리의 다른 글
[JAVASCRIPT] 자주 사용하는 date method 정리 (0) | 2024.03.25 |
---|---|
[javascript] axios get통신 시 params 붙여서 set 하기 (0) | 2023.11.07 |
[javascript] push() vs .push().apply() vs concat() (0) | 2023.02.27 |
[javascript] 기준 object 변경 없이 조회한 object 데이터만 set 하기 (0) | 2023.02.24 |
[javascript] 엑셀 이메일 한번에 붙여넣기(feat.이메일 체크 및 중복체크) (0) | 2022.07.01 |