JS Array.reduce 對象屬性累加

Array reduce 數組對象使用

無非就是 計算數組元素 相加後的總和 ，看網上給的Demo 全是  
[1,2,3,4,6].reduce 這種基本用法，
在實際開發中 數組中通常都是放對象   
本次我將使用 reduce 實現 **數組對象中 具體屬性 Price 累加**
` [{ name: 'apple',  price: 10 }, {  name: 'banana',   price: 9  } ]; `
複製代碼

reduce 基本語法

普通 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);
複製代碼