小程序商品数据对象累加加入购物车缓存导致的数组嵌套在上一层数组中的问题

小程序商品数据对象累加加入购物车缓存导致的数组嵌套在上一层数组中(新手遇到的问题)

新手刚开始在写微信小程序时,当没有购物车接口时,我们会用缓存来代替一下,当然新手可能会遇到上述问题

1、先来模拟一下点击加入购物车的

	buyNow(){   //点击加入购物车事件
		let good =[this.data.detail] //这里先获取商品详情页的商品数据 detail 
		try{     //获取缓存
			var value =wx.getStorageSync('goods') //这里的goods是储存商品数据的key,我是直接在打开微信小程序时,在app.js里直接存储个空的key值
			//先来个判断
			if(!value){ //这里先判断刚开始加入购物车时,缓存是没有值的情况下,我们可以直接添加就可以了
				wx.setStorage({
					data:JSON.stringify(good), //这里就是转换成字符串之后的商品详情
					key:'goods' //key值
				})
			}else{ //这里就是多次添加购物车时操作的方法,在这里可能就会出现数组多重嵌套导致的问题
				let getgood =JSON.parse(value) //这里就是先获取缓存中的商品,也就只之前加入购物车中的,
					getgood.push(this.data.detail) //这里就是添加到上面的这已经有之前商品的数组中,如果想要把最新的放在前面,用unshift也是可以的
					wx.setStorage({ //这里就是存储到缓存
						data:JSON.stringify(getgood),
						key:'goods'
						})
				
				}
		 	}catch(e){
		 		console.log(e)
		 		}
			}
				
		
到这里就可以了,如果你想在购物车页面获取商品列表,直接在购物车项目中,向上述的获取缓存一样,设立一个函数就可以了,注意的是不要把他放到onLoad 里,只是刚开始只调用一次,如果再次添加购物车是会无法获取新的缓存,建议放在onShow事件函数里
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值