Js cookie购物车原理

function addToCart(productId, productName, price) {
    let cart = getCartFromCookie();
    let item = cart.find(i => i.productId === productId);

    if (item) {
        item.quantity += 1;
    } else {
        cart.push({ productId, productName, price, quantity: 1 });
    }

    setCartToCookie(cart);
}

function getCartFromCookie() {
    const cartStr = document.cookie.replace(/(?:(?:^|.*;\s*)cart\s*\=\s*([^;]*).*$)|^.*$/, "$1");
    return cartStr ? JSON.parse(cartStr) : [];
}

function setCartToCookie(cart) {
    document.cookie = `cart=${JSON.stringify(cart)}; path=/; max-age=${60 * 60 * 24 * 7}`; // 7天有效期
}

function displayCart() {
    const cart = getCartFromCookie();
    let cartHtml = '<ul>';

    cart.forEach(item => {
        cartHtml += `<li>${item.productName} - $${item.price} x ${item.quantity}</li>`;
    });

    cartHtml += '</ul>';
    document.getElementById('cart').innerHTML = cartHtml;
}