用js实现简易购物车

在JavaScript中，实现一个简单的购物车功能通常会涉及数组、对象以及一些基本操作。下面是一个简化的例子：

// 定义商品数据结构
const products = [
  { id: 1, name: '苹果', price: 5 },
  { id: 2, name: '香蕉', price: 3 },
  // 更多产品...
];

// 初始化空购物车
let shoppingCart = [];

// 添加商品到购物车函数
function addToCart(productId) {
  const product = products.find((p) => p.id === productId);
  if (product) {
    shoppingCart.push(product);
  } else {
    console.log('商品不存在');
  }
}

// 从购物车移除商品函数
function removeFromCart(productId) {
  shoppingCart = shoppingCart.filter((p) => p.id !== productId);
}

// 显示购物车内容
function displayCart() {
  console.log('购物车:', shoppingCart.map((item) => `${item.name} - ${item.price}`));
}

// 示例用法
addToCart(1); // 添加苹果到购物车
displayCart(); // 显示购物车

// 如果需要计算总价，可以在添加商品时计算并存储总价
products.forEach((product) => (product.totalPrice = product.price * quantity));

function calculateTotal() {
  return shoppingCart.reduce((total, item) => total + item.price * item.quantity, 0);
}