js 实现列表搜索用户匹配功能

时间：2019-09-18 14:43:59 阅读：128 评论：0 收藏：0 [点我收藏+]

前言: 在项目开发过程中,遇到一个需求,有一个用户列表,前端需要对用户列表的值进行搜索,并将搜索匹配成功的值显示出来;

技术分享图片

在用户列表上方的用户进行输入,显示相应的值,

技术分享图片

这是搜索后的,注意,我在进行搜匹配的时候没有区分大小写;

search(calVal) { // 聊天室左侧联系人搜索匹配

this.MatchingSuccess = [];

this.RecentlyTxt.forEach((item,index)=>{

if ( item.Name.toLowerCase().indexOf(calVal) != -1 ) { // 判断是否含有匹配的值;

this.MatchingSuccess.push(item);

}

});

console.log(this.MatchingSuccess);

注: item.Name.toLowerCase().indexOf(calVal) != -1 中的 toLowerCase()是不区分大小写搜索的关键; 整个搜索关键在于利用字符串的 indexOf()方法进行依次匹配,匹配成功就压入到需要显示的数组中去;

原文：https://www.cnblogs.com/chenjiangyang/p/11541739.html

踩

(1)

评论一句话评论（0）

分享档案

更多>