编写js代码实现以下功能 简易购物车 商品名称 数量(件) 单价(美元) 运费(美元) 合计 跑跑道具 美元
时间: 2024-10-27 10:08:20 浏览: 9
javascript实现商品购物车功能
4星 · 用户满意度95%
为了实现一个简单的购物车功能,我们可以创建一个JavaScript函数来接收商品名称、数量、单价和运费作为输入,并计算出总金额。下面是一个基本示例:
```javascript
// 定义购物车对象
const shoppingCart = {};
// 添加商品到购物车函数
shoppingCart.addProduct = function(name, quantity, unitPrice, shippingCost) {
// 检查是否已经存在该商品
if (!shoppingCart[name]) {
shoppingCart[name] = { quantity: 0, unitPrice: unitPrice, shippingCost: shippingCost };
}
// 更新商品数量
shoppingCart[name].quantity += quantity;
// 计算总价
shoppingCart[name].total = (shoppingCart[name].quantity * shoppingCart[name].unitPrice) + shippingCost;
};
// 示例使用
shoppingCart.addProduct('跑跑道具', 2, 5, 2); // 假设单价是5美元,运费是2美元
// 获取购物车中所有商品的信息
function displayCart() {
let cartSummary = "";
for (const product in shoppingCart) {
const { quantity, unitPrice, shippingCost, total } = shoppingCart[product];
cartSummary += `${product} ${quantity}件 | 单价${unitPrice}$ | 运费${shippingCost}$ | 合计${total}$\n`;
}
console.log(cartSummary);
}
// 测试购物车
displayCart();
```
这个例子中,我们创建了一个`shoppingCart`对象,其中包含商品的属性(数量、单位价格和运费)。然后,我们定义了`addProduct`函数来添加或更新商品,同时计算并存储总金额。最后,`displayCart`函数用于打印购物车的概览。
阅读全文