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

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

参考：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 测试应该是对的，如果有不理解的，可以在下面留言即可