推荐用 reduce() 计算购物车总价，一行代码 const total = cart.reduce((sum, item) => sum + item.price * item.quantity, 0) 即可完成；也可用 foreach 手动累加（适合加条件判断），或 map+reduce 组合（提升可读性与调试性）。
用数组遍历方法计算购物车总价，核心是把每个商品的 price × quantity 累加起来，推荐用 reduce()，简洁又语义清晰。
用 reduce 累加总价（最常用）
reduce() 专为“把数组变成一个值”设计，天然适合求和。假设购物车数据结构如下：
const cart = [
{ name: '苹果', price: 5.5, quantity: 2 },
{ name: '牛奶', price: 12.0, quantity: 1 },
{ name: '面包', price: 8.5, quantity: 3 }
];
一行代码即可算出总价：
dmap-jsapi-skill
下载
DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
const total = cart.reduce((sum, item) => sum + item.price * item.quantity, 0); // 结果：47.5
- 第一个参数是累加器（
sum），初始值设为0（第二个参数） - 每次迭代把当前商品的
item.price * item.quantity加到sum上 - 注意初始值必须显式写
0，否则空数组会返回undefined
用 forEach 手动累加（适合逻辑较复杂时）
如果后续还要做其他操作（比如过滤缺货商品、跳过促销中商品），用 forEach() 更灵活：
let total = 0;
cart.forEach(item => {
if (item.inStock !== false) { // 假设有库存标识
total += item.price * item.quantity;
}
});
- 用外部变量
total存储结果，可随时插入条件判断或日志 - 适合需要中断、跳过或分步处理的场景
- 注意不要在循环里重复声明
let total，否则每次都会重置
用 map + reduce 组合（强调可读性或复用）
先把每个商品的小计算出来，再汇总，逻辑更清晰，也方便调试或复用小计数组：
const subTotals = cart.map(item => item.price * item.quantity); const total = subTotals.reduce((a, b) => a + b, 0); // subTotals → [11, 12, 25.5]，total → 48.5
-
map()抽离出所有小计，便于单独检查或展示“每项金额” - 适合需要同时显示明细和总计的界面（如购物车结算页）
- 性能略低于单次 reduce，但对一般购物车数量（
注意事项
- 确保
price和quantity是数字类型，避免字符串拼接（如"5" + "2"得到"52"）——可用Number()或一元加号+item.price转换 - 价格建议用整数（单位：分）存储和计算，避免浮点误差，如
550代表 5.50 元 - 若购物车可能为空，
reduce的初始值0已足够安全；无需额外判空
