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

要求:
【微信小程序】历史搜索记录本地保存功能实现及思路_第1张图片
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里面的方法,展示到页面上只需获取本地存储循环即可

你可能感兴趣的:(小程序)