js购物车相同商品累加

基础概念

在JavaScript中，购物车通常是一个数组，其中每个元素代表一个商品对象。每个商品对象包含商品的ID、名称、价格和数量等信息。当用户添加相同商品到购物车时，需要对这些商品的数量进行累加，而不是创建新的商品对象。

类型与应用场景

类型：主要应用于电商平台的购物车功能。
应用场景：用户浏览商品并将其添加到购物车时，系统需要检查购物车中是否已有相同商品，并相应地更新数量。

示例代码

以下是一个简单的JavaScript示例，展示了如何在购物车中对相同商品进行累加：

// 假设这是购物车的初始状态
let cart = [
    { id: 1, name: '商品A', price: 100, quantity: 1 },
    { id: 2, name: '商品B', price: 200, quantity: 1 }
];

// 添加商品到购物车的函数
function addToCart(product) {
    let itemInCart = cart.find(item => item.id === product.id);

    if (itemInCart) {
        // 如果商品已存在，增加数量
        itemInCart.quantity += product.quantity;
    } else {
        // 如果商品不存在，添加到购物车
        cart.push(product);
    }
}

// 示例：添加一个新商品或累加现有商品的数量
let newProduct = { id: 1, name: '商品A', price: 100, quantity: 2 };
addToCart(newProduct);

console.log(cart);
// 输出: [{ id: 1, name: '商品A', price: 100, quantity: 3 }, { id: 2, name: '商品B', price: 200, quantity: 1 }]