直播平台搭建,js 实现模糊搜索功能

直播平台搭建,js 实现模糊搜索功能

封装一个公用的方法:

 

1
<br>//list 是已有的数据,search 是模糊搜索的关键字<br>export function fuzzySearch(list,search){<br>let data = [];<br>if(list.length != 0 && search){<br>let str = `\S*${search}\S*`;<br>let reg = new RegExp(str);<br>list.map(item => {<br>if(reg.test(item.name)){<br>data.push(item);<br>}<br>})<br>}<br>return data;<br>}<br> 

最终返回一个模糊匹配过的数组。

 

在需要使用的地方引入该方法,然后直接传参就可以了。

 

1
<br>this.list = fuzzySearch(this.dataList, this.keyWord);

 

 

如果想不区分大小写的话,直接在正则后面加一个 ‘i’ 就可以了。

 

1
<br>let reg = new RegExp(str,'i');

 

 以上就是直播平台搭建,js 实现模糊搜索功能, 更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(20)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2022-06-13 php短视频源码,两种基础的滑块组件验证
2022-06-13 app直播源代码,Vue获取URL图片的宽高
2022-06-13 视频直播源码,提醒类弹窗,到时间后自动弹出
点击右上角即可分享
微信分享提示