reduce() : 요소에 함수 걸기

See the Pen reduce() : 요소에 함수를 실행 by nilgi (@nilgi) on CodePen.

 

 

<h3>reduce() : 요소에 함수를 실행</h3>
<p id="re1"></p>

<script type="text/javascript">
    const no = [1, 5, 92, 123, 437, 999];
    let plus = no.reduce(myFunction);
    document.getElementById("re1").innerHTML = plus;
    function myFunction(total, value, index, array) {
        return total + value;
    }
</script>

---

<h3>reduce()는 기본값을 설정할 수 있다.</h3>
<p id="re2"></p>

<script type="text/javascript">
    const no2 = [1, 5, 92, 123, 437, 999];
    let plus2 = no2.reduce(myFunction, 1000);
    document.getElementById("re2").innerHTML = plus2;
    function myFunction(total, value, index, array) {
        return total + value;
    }
</script>

 

[참고]

reduce는 배열의 왼쪽에서 오른쪽으로 요소를 불러오고

reduceRight는 오른쪽에서 왼쪽으로 불러온다.