美文网首页JavaScript
js,jq前端对数据进行模糊搜索

js,jq前端对数据进行模糊搜索

作者: kismetajun | 来源:发表于2019-09-20 16:21 被阅读0次

    因业务要求,同事需要对数据做模糊搜索,所以,也特写本篇,希望可以对你帮助

    参考:https://blog.csdn.net/example440982/article/details/88861965

    (不会使用的下列方法的朋友,需要自己查一下文档,文本就不再过多的去介绍语法,

        或者给我留言,我会给你举例说明)

    1. indexof 方法(是最常见的搜索的方法)

    说明:该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没有指定 fromindex 时)。如果找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。如果没有找到,将返回 -1

    html部分:

    这里是静态的部分

    js部分:

    这里是动态数据

    这里就不做后续的处理了,因为console出来的数据就是筛选的数据,所以你再次渲染数据即可

    这里是页面所需要的数据格式

    2. split 方法

    说明:该方法通过在 separator 指定的边界处将字符串 stringObject 分割成子串并返回子串数组。返回的数组中的字串不包括 separator 自身。如果 stringObject 中不存在 separator,将返回一个只包含stringObject的数组。故可以根据返回数组的长度来判断是否存在子字符串 separator 。

    3. match 方法

    说明:该方法将在字符串 stringObject 内检索指定的值,或找到一个或多个正则表达式的匹配。如果没有找到任何匹配的文本,将返回 null 。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。

    4. test方法(正则匹配)

    说明:该方法用于检测一个字符串是否匹配某个模式。如果字符串 string 中含有与 RegExpObject 匹配的文本,则返回 true,否则返回 false。 我没有测试一下这几个方法的性能,感觉 https://blog.csdn.net/example440982/article/details/88861965 测试应该是对的,如果有不理解的,可以在下面留言即可

    相关文章

      网友评论

        本文标题:js,jq前端对数据进行模糊搜索

        本文链接:https://www.haomeiwen.com/subject/lbjjuctx.html