用js代码,完善简易购物车功能,简易购物车的计算方式:商品数量*单价+运费=合计
时间: 2024-10-16 20:07:42 浏览: 33
在JavaScript中,你可以创建一个简单的购物车类来实现这个功能。这里是一个基础的例子:
```javascript
class ShoppingCart {
constructor() {
this.items = []; // 商品数组,每个元素包含{name, price, quantity}
this.shippingFee = 0; // 邮费
}
addItem(item) { // 添加商品到购物车
this.items.push(item);
}
removeItem(name) { // 删除指定的商品
this.items = this.items.filter(item => item.name !== name);
}
updateQuantity(name, quantity) { // 更新商品数量
this.items = this.items.map(item =>
item.name === name ? {...item, quantity} : item
);
}
calculateTotal() { // 计算总金额
return this.items.reduce((total, item) => total + (item.price * item.quantity), 0) + this.shippingFee;
}
}
// 使用示例
const cart = new ShoppingCart();
cart.addItem({name: '商品A', price: 10, quantity: 2});
cart.shippingFee = 5;
console.log(cart.calculateTotal()); // 输出:(2 * 10) + 5 = 25
// 修改或删除商品
cart.updateQuantity('商品A', 3); // 商品A数量变为3
cart.removeItem('商品B'); // 删除商品B
console.log(cart.calculateTotal()); // 输出:(3 * 10) + 5 = 35
```
阅读全文