RegExp: https://www.w3school.com.cn/jsref/jsref_obj_regexp.asp
这里需要用到的方法是exec,意思是检索字符串中指定的值。返回找到的值,并确定其位置。
首先初始化两个数组,一个用于渲染,一个用于保持基本数据:
思路:1.先把要查询的对象转换为字符串
2.把输入的文字在对象里进行indexOf,查询成功会返回已查询到的下标
3.然后再substring从indexOf这里返回的下标从新截取,
4.indexOf查询新的字符串里面的第一个标点符号
5,然后再次substring(0,第一个标点符号的下标)
日常开发中经常会遇到搜索框查询的例子,需要对数组中的元素进行检索并查询出所需的结果,通过如下方式简单实现了一个小的模糊查询,具体如下:首先,用到了两个方法
1.对数组通过 filter 的方式遍历查询搜索的 key
2.对遍历出的结果进行字符串的模糊查询 str.indexOf("xxx") != -1
其次,通过如上两种方法的组合从而获得一个类似模糊查询的效果;
最后,具体实现 code 如下:
此次实现搭配使用的是该 Vant Search 组件
UI 部分很简单直接根据 demo 实例集成即可。
以上便是此次分享的全部内容,希望能对大家有所帮助!