JS Array.reduce 对象属性累加

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

Array reduce() 方法，无非就是计算数组元素相加后的总和，看网上给的Demo 全是 [1,2,3,4,6].reduce 这种基本用法，

本次我将使用 reduce 实现数组对象中具体属性 Price 累加 [{ name: 'apple', price: 10 }, { name: 'banana', price: 9 } ];

方法	Chorme	IE	Firefox	Safari	Opera
reduce()	Yes	9.0	3.0	4	10.5

参数

描述

function(total,currentValue, index,arr)

必需。用于执行每个数组元素的函数。
函数参数:

参数	描述
total	必需。初始值 , 或者计算结束后的返回值。
currentValue	必需。当前元素
currentIndex	可选。当前元素的索引
arr	可选。当前元素所属的数组对象。

initialValue

可选。传递给函数的初始值

普通 for 实现和 reduce 实现对比

    let array = [

        {

            name: 'apple',

            price: 10

        }, {

            name: 'banana',

            price: 9

        }

    ];

    let sumprice = 0;

    for (let index = 0; index < array.length; index++) {

        const element = array[index];

        sumprice += element.price;

    }

    console.log('for example sumprice',sumprice);

    /*

        reduce 语法实现

        total    必需。初始值, 或者计算结束后的返回值。

        currentValue    必需。当前元素

        currentIndex    可选。当前元素的索引

        arr    可选。当前元素所属的数组对象。

    */

    sumprice = array.reduce(function (total, currentValue, currentIndex, arr) {

        return total + currentValue.price;

    }, 0);

    console.log('for reduce sumprice',sumprice);