用javascript写出简易购物车案例
时间: 2024-09-18 07:08:00 浏览: 33
当然可以。一个简单的JavaScript购物车案例通常涉及创建一个数组来存储商品,每个商品是一个包含名称、价格和数量的对象。下面是一个基础的示例:
```javascript
// 创建商品对象
var product1 = { name: "苹果", price: 5, quantity: 2 };
var product2 = { name: "香蕉", price: 3, quantity: 1 };
// 购物车数组
var shoppingCart = [product1, product2];
// 功能函数
function addToCart(product) {
// 检查产品是否已经在购物车里
var existingProductIndex = shoppingCart.findIndex(item => item.name === product.name);
if (existingProductIndex !== -1) {
shoppingCart[existingProductIndex].quantity += product.quantity; // 如果存在则增加数量
} else {
shoppingCart.push(product); // 否则添加新的商品到购物车
}
}
// 使用示例
addToCart(product1); // 加入两个苹果
console.log(shoppingCart);
// 更新商品数量
shoppingCart[0].quantity = 4;
console.log(shoppingCart);
// 从购物车移除商品
function removeFromCart(productName) {
shoppingCart = shoppingCart.filter(item => item.name !== productName);
}
removeFromCart("香蕉");
console.log(shoppingCart);
```
阅读全文