微信文章搜索,搜索功能的实现微信小程序-即速应用

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

浏览量：546 时间：2019-12-09 来源：huangzhin

一、搜索功能的需求描述：数据：教师名字列表的数组
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})},

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题，烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ，我们将及时处理。本站文章仅作分享交流用途，作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关，请知悉。