zoukankan      html  css  js  c++  java
  • js 实现列表搜索用户匹配功能

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

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

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

    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()方法进行依次匹配,匹配成功就压入到需要显示的数组中去;
  • 相关阅读:
    【转】杭电ACM试题分类
    python strip()函数介绍
    正则表达式的语法规则
    POSIX扩展正则表达式函数
    JS学习笔记
    PCRE兼容正则表达式函数
    vs 2008 feature pack 之体验
    #单元测试
    300道四则运算题
    观后感
  • 原文地址:https://www.cnblogs.com/chenjiangyang/p/11541739.html
Copyright © 2011-2022 走看看