【题解】第十三届蓝桥杯Web开发省赛解题思路——购物车

介绍

效果

解题思路

可能写的复杂了些,总体思路是遍历出购物车数组中是否已经添加,若已经添加,则对应商品数量++即可,反之亦然,删除时调用arr.splice(idx,1)删除对应元素即可.

addToCart(goods) {
                // TODO:修改当前函数,实现购物车加入商品需求
                for (const idx in this.cartList) {
                    if (goods.id === this.cartList[idx].id) {
                        this.cartList[idx].num++;
                        return;
                    }
                }
                goods.num = 1;
                this.cartList.push(goods);
                this.cartList = JSON.parse(JSON.stringify(this.cartList));
            },
            removeGoods(goods) {
                // TODO:补全代码实现需求
                for (const idx in this.cartList) {
                    if (goods.id === this.cartList[idx].id) {
                        if (this.cartList[idx].num >= 2) this.cartList[idx].num--;
                        else this.cartList.splice(idx, 1);
                        return;
                    }
                }

            }
转载请注明出处!本文链接: https://battlehawk233.cn/post/838.html



暂无评论

发送评论编辑评论

|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇