js購(gòu)物車加減 js中購(gòu)物車
敦煌網(wǎng)行者賣家服務(wù)2025-08-182150
要實(shí)現(xiàn)一個(gè)簡(jiǎn)單的購(gòu)物車加減功能,你可以使用JavaScript編寫以下代碼:
// 創(chuàng)建一個(gè)購(gòu)物車對(duì)象
var cart = {
items: [],
total: 0
};
// 添加商品到購(gòu)物車
function addItem(product) {
cart.items.push(product);
cart.total += product.price;
}
// 從購(gòu)物車中刪除商品
function removeItem(product) {
const index = cart.items.findIndex(item => item.name === product.name);
if (index !== -1) {
cart.items.splice(index, 1);
cart.total -= product.price;
}
}
// 計(jì)算購(gòu)物車總價(jià)
function calculateTotal() {
return cart.total;
}
// 示例:添加商品并顯示購(gòu)物車總價(jià)
addItem({ name: '蘋果', price: 5 });
addItem({ name: '香蕉', price: 3 });
console.log('購(gòu)物車總價(jià):', calculateTotal()); // 輸出:購(gòu)物車總價(jià): 8
// 示例:從購(gòu)物車中刪除商品并顯示購(gòu)物車總價(jià)
removeItem({ name: '蘋果' });
console.log('購(gòu)物車總價(jià):', calculateTotal()); // 輸出:購(gòu)物車總價(jià): 3
這個(gè)簡(jiǎn)單的購(gòu)物車加減功能包括添加商品、刪除商品和計(jì)算購(gòu)物車總價(jià)的功能。你可以根據(jù)需要修改這個(gè)代碼來(lái)實(shí)現(xiàn)更復(fù)雜的需求。
本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理,出于傳遞更多信息之目的,不代表金鑰匙跨境贊同其觀點(diǎn)和立場(chǎng)。
轉(zhuǎn)載請(qǐng)注明,如有侵權(quán),聯(lián)系刪除。