一、reduce函数的核心机制

Array.prototype.reduce是JavaScript中最强大的高阶函数之一，其核心逻辑可以概括为：

array.reduce((accumulator, currentValue, index, array) => {
    // 返回新的accumulator
}, initialValue)

与map/filter不同，reduce能够维护一个持续更新的累加器(accumulator)，这使得它特别适合处理需要记忆状态的复杂计算。

二、电商数据分析实战案例

假设我们有一组电商订单数据，需要计算：

1. 每个商品类别的销售总额
2. 找出销售额最高的商品
3. 计算平均订单金额

原始数据示例：

const orders = [
    { id: 1, product: '手机', category: '电子产品', price: 2999, quantity: 2 },
    { id: 2, product: 'T恤', category: '服装', price: 99, quantity: 3 },
    { id: 3, product: '笔记本电脑', category: '电子产品', price: 5999, quantity: 1 },
    { id: 4, product: '运动鞋', category: '鞋类', price: 399, quantity: 2 }
];

三、多维度聚合实现

1. 分类销售额统计

const categoryStats = orders.reduce((acc, order) => {
    const { category, price, quantity } = order;
    const total = price * quantity;
    
    if (!acc[category]) {
        acc[category] = { totalSales: 0, count: 0 };
    }
    
    acc[category].totalSales += total;
    acc[category].count += 1;
    
    return acc;
}, {});

2. 查找最高销售额商品

const highestSale = orders.reduce((max, order) => {
    const currentTotal = order.price * order.quantity;
    return currentTotal > max.total ? 
        { product: order.product, total: currentTotal } : max;
}, { product: '', total: 0 });

3. 计算平均订单金额

const averageOrder = orders.reduce((acc, order, index, array) => {
    acc.total += order.price * order.quantity;
    if (index === array.length - 1) {
        return acc.total / array.length;
    }
    return acc;
}, { total: 0 });

四、性能优化技巧

• 避免重复计算：在回调函数外部声明计算变量
• 短路处理：对空数组进行提前判断
• 合理使用initialValue：明确初始值类型可提高代码可读性

通过本案例可以看出，reduce函数通过维护累加器状态，能够优雅地解决需要多轮循环才能完成的复杂聚合计算，是函数式编程在JavaScript中的典型实践。