E企盈小程序营销工具技术服务商 热线:4006-838-530

微信文章搜索,搜索功能的实现微信小程序

E企盈小程序直播系统

一、搜索功能的需求描述:数据:教师名字列表的数组1、搜索文本为空时,展示所有教师列表2、输入搜索文本,展示与搜索文本匹配的教师列表二、搜索功能的算法描述:1、声明一个数组存放搜索结果,2、判断搜索文本是否为空,为空则直接设置结果数组赋值为全部教师列表的数组3、若搜索文本不为空,先将搜索结果数组设置为空数组,遍历教师列表数组,利用indexOf函数判断每一个教师名字与搜索文本是否匹配,匹配则将该教师push进搜索结果数组三、相关js代码:inputText:function(e){this.setData({text:e.detail.value.replace(/s+/g,”)})lettext=this.data.text;letshowList=this.data.showList;//showList为教师列表if(text==null||text.trim()==”){this.setData({‘resultList’:showList})return;}lettempResultList=[];for(vari=0;ishowList.length;i++){if(showList[i].name_phone.indexOf(text)=0){//如果老师列表中有匹配的letifHas=false;//用于记录temp结果列表中是否有这条数据for(varj=0;jtempResultList.length;j++){if(tempResultList[j]==showList[i]){ifHas=true;//如果temp结果列表中有这条数据,改ifHas的值为truebreak;}}if(!ifHas){//如果ifHas为false,即temp结果列表中没有这条数据,则把这条数据放入temp结果列表tempResultList.push(showList[i]);}}}this.setData({‘resultList’:tempResultList})},

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信文章搜索,搜索功能的实现微信小程序
分享到: 更多 (0)
E企盈小程序直播营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏