반응형
javascript 함수 reduce()
reduce() 를 저는 자주 사용하지 않지만 간혹 사용할때가 있다.(자주 사용하지 않는것을 기록하면서 다시한번 상기해본다.)
reduce() 함수는 배열의 요소들에 대하여 실행 후 하나의 결과를 반환
구문
Array.reduce(callback [, initialValue])
매개변수
- callback 함수 : 베열 요소들에 대해서 실행되는 함수로 4개의 파라미터를 가진다.
- accumulator (acc) : 콜백함수의 반환값 누적 (필수)
- currentValue (cur) : 처리할 현재 배열의 요소 (필수)
- currentIndex (idx) : 처리할 현재 배열의 인데스 (선택)
- array (src) : 호출한 배열 (선택)
- initialValue : 첫번째 인수에 제공되는 값. (선택)
예제 실행 결과
1 ~ 10 까지의 배열의 합을 구하는 예제 index, current, accumulator 의 값에 대해서 확인
예제에서 initalValue 사용하기 (100 을 초기 값으로 전달)
배열의 최대값(최소값) 구하기
const array1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
// 배열의 최대값
var max_value = array1.reduce(function(accumulator, currentValue) {
return (accumulator > currentValue) ? accumulator : currentValue;
}
);
//Max value: 10
// 배열의 최소값
var min_value = array1.reduce(function(accumulator, currentValue) {
return (accumulator < currentValue) ? accumulator : currentValue;
}
);
// Min value : 1
반응형
'dev > javascript' 카테고리의 다른 글
[javascript] 배열 다루기 - Array.map() 배열순회 (0) | 2020.12.30 |
---|---|
[javascript] 배열 다루기 - push(), pop() 함수(배열 추가, 삭제) (0) | 2020.12.30 |
[javascript] Date 객체 - 날짜 형식(yyyyMMdd), 날짜더하기( DateAdd) (0) | 2020.11.27 |
[javascript] null vs undefined (0) | 2020.10.15 |
dropzone.js (드롭존) 드래그앤드롭 파일 업로드 (0) | 2020.10.06 |