【微信小程序】历史搜索记录本地保存功能实现及思路

要求:
在这里插入图片描述
1.用户点击搜索之后把输入的值记录下来
2.如果最新搜索在历史记录里面有,把它从原来的位置放到第一的位置显示
3.最大10条
实现思路:
首先是在用户点击‘搜索’的时候开始往Storage里面存数据的,然后再存数据的同时做一些处理。
处理:先判断存进来的值在Storage里面有么有,有的话删除。然后在数组首部添加元素,最后在从0截取到第10位。
好了直接上代码

	let estates = wx.getStorageSync('searchHistory') || [] //获取本地存储没值的时候给个初始值
	const index = estates.findIndex(item => item ===value)//查看vaule在Storage里有没有
    if (index >= 0) estates.splice(index, 1) // 判断如果有就删掉
    estates.unshift(value) // 在数组首添加元素
   wx.setStorageSync('searchHistory', estates.slice(0, 10)) // 存到Storage里面 然后选取数组的前10位

这就是存到Storage里面的方法,展示到页面上只需获取本地存储循环即可

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值