用JavaScript实现购物车功能

在JavaScript中实现购物车功能，通常会涉及到以下几个步骤：

1. 创建数据结构：首先，我们可以创建一个数组或对象来存储商品信息，每个商品可以包括名称、价格、数量等属性。

let cartItems = [];

2. 添加商品：用户选择商品时，可以将商品对象添加到购物车数组中。

function addToCart(item) {
  cartItems.push(item);
}

3. 删除商品：允许用户从购物车中移除指定的商品。

function removeFromCart(index) {
  if (index >= 0 && index < cartItems.length) {
    cartItems.splice(index, 1);
  }
}

4. 修改商品数量：用户可以增加或减少某件商品的数量。

function updateQuantity(index, quantityChange) {
  if (index >= 0 && index < cartItems.length) {
    cartItems[index].quantity += quantityChange;
  }
}

5. 计算总价：遍历购物车计算所有商品的总价。

function getTotalPrice() {
  let totalPrice = 0;
  for (const item of cartItems) {
    totalPrice += item.price * item.quantity;
  }
  return totalPrice;
}

6. 显示购物车内容：当需要展示购物车信息时，可以遍历cartItems并渲染出来。

function displayCart() {
  console.log("购物车:");
  for (let i = 0; i < cartItems.length; i++) {
    console.log(`${i + 1}. ${cartItems[i].name} - $${cartItems[i].price * cartItems[i].quantity}`);
  }
}

7. 清空购物车：用户可以选择清空整个购物车。

function clearCart() {
  cartItems.length = 0;
}