[자바스크립트] reduce() / reduceRight() 간단 예제

reduce() / reduceRight();

메서드	설명
reduce()	배열의 요소가 하나가 될 때까지 요소를 왼쪽부터 두 개씩 묶는 함수를 실행
reduceRight()	배열의 요소가 하나가 될 때까지 요소를 오른쪽부터 두 개씩 묶는 함수를 실행

배열의 모든 요소에 대해 순차적으로 동일한 연산을 한 결과를 구할 때 보통 사용합니다.

다음과 같은 배열이 있을 때

var arr = [1,10,100,1000,10000];

예제 1. 일반 for문

for(var element of arr){
    alert(element);
}

[예제 실행]

예제 2. reduce();

arr.reduce(function(a,b){
    alert(a+' and '+b+' -> '+(a+b));
    return a+b;
});

[예제 실행]

예제 3. reduceRight();

arr.reduceRight(function(a,b){
    alert(a+' and '+b+' -> '+(a+b));
    return a+b;
});

[예제 실행]

※ reduce 뿐만 아니라 배열 객체에는 다음과 같은 메소드 들이 있습니다.

메소드	설명
forEach()	배열의 각 요소를 사용해 특정 함수를 for in 반복문 처럼 사용
map()	기존의 배열에 특정 규칙을 적용해 새로운 배열로 변경
filter()	특정 조건을 만족하는 요소를 추출해 새로운 배열 return
every()	배열의 요소가 특정 조건을 모두 만족하는지 확인
some()	배열의 요소가 특정 조건을 적어도 하나 만족하는지 확인