因业务要求,同事需要对数据做模糊搜索,所以,也特写本篇,希望可以对你帮助
参考: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 测试应该是对的,如果有不理解的,可以在下面留言即可
网友评论