JavaScript商品总价计算需用算术运算符组合单价、数量、折扣、税费等，注意数据类型转换、运算优先级、浮点精度（推荐以分为单位整数运算）及税费计算逻辑。

在 JavaScript 中，用算术运算符计算商品总价，核心是把单价、数量、折扣、税费等数值通过 +、*、-、/ 等运算符组合起来，得出最终金额。关键在于理清计算逻辑，注意数据类型（尤其是字符串转数字）和运算优先级。

基础计算：单价 × 数量

最常见场景是单个商品的金额：用 * 运算符相乘即可。务必确保两个操作数都是数字类型，否则可能拼接成字符串。

✅ 正确写法：

const price = 29.9;     // 单价（数字）
const quantity = 3;     // 数量（数字）
const total = price * quantity;  // 89.7

❌ 常见错误（输入来自表单时容易发生）：

立即学习“Java免费学习笔记（深入）”；

const price = "29.9";   // 字符串
const quantity = "3";
const total = price * quantity;  // 仍得 89.7（* 会自动转数字）
// 但用 + 就会出错：price + quantity → "29.93"

建议统一用 Number() 或一元加号 + 显式转换：

deep-java-review

Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...

下载

• const price = Number(document.getElementById("price").value);
• const quantity = +document.getElementById("qty").value;

含折扣的总价：先算小计，再减折扣额或乘折扣率

折扣可能是固定金额（如减10元），也可能是百分比（如85折）。注意运算顺序，合理使用括号。

• 减固定金额：total = price * quantity - discount;
• 按折扣率（如打 85 折 = 乘以 0.85）：total = price * quantity * 0.85;
• 按“满减”规则（如满100减20）：total = subTotal >= 100 ? subTotal - 20 : subTotal;

示例：

const price = 45;
const qty = 4;
const discountRate = 0.9; // 九折
const subtotal = price * qty;        // 180
const finalTotal = subtotal * discountRate; // 162

多商品合并与税费计算

多个商品时，通常用循环累加小计，再统一加税或处理运费。

• 用 reduce() 汇总所有商品小计：cartItems.reduce((sum, item) => sum + item.price * item.qty, 0)
• 加上增值税（如 13%）：totalWithTax = subtotal * 1.13;
• 加上固定运费：final = subtotal + shippingFee;

注意：税费一般基于税前金额计算，不要对已含税价格重复计税。

精度问题：避免浮点数误差

JavaScript 的浮点运算可能导致 0.1 + 0.2 === 0.30000000000000004。商品金额推荐以“分”为单位用整数运算，或使用 toFixed(2) 格式化显示（但注意它返回字符串）。

• 推荐做法（以分为单位）：const totalCents = Math.round(priceInCents * quantity);
• 显示时转回元：(totalCents / 100).toFixed(2); // "89.70"
• 参与后续计算前，记得转回数字：parseFloat((totalCents / 100).toFixed(2))