最近做了一个商城项目,那肯定要做个购物车的嘛,于是我就想用localstorage存储商品,以便用户下次进入网页还可以看到自己收藏过的商品。业务方面,就保存商品数量、商品id和商品详情就好了。
接下来是项目实战
// 加购物车 let k = 0; // 定义一个参数,用在循环中计算是否有这个商品id,如果没有,就把商品添加到gifts中,如果有,那这个商品的num增加 let gift = { id: this.giftDetail.goods_id, gift: this.giftDetail, num: this.num }; let gifts = localStorage.getItem("gifts") ? JSON.parse(localStorage.getItem("gifts")) : []; for (let i = 0; i < gifts.length; i++) { let item = gifts[i]; if (item.id === gift.id) { item.num += gift.num; } else { k = k + 1; } } if (k === gifts.length) { gifts.push(gift); } localStorage.setItem("gifts", JSON.stringify(gifts));复制代码
注意点:
- 数组存localstorage是需要序列化的,否则会自动调用toString()方法。
- 需要用k来计算是否有这个商品是否存在。