首页 > 其他分享 >直播平台搭建,js 实现模糊搜索功能

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

时间:2023-06-13 14:22:59浏览次数:29  
标签:search 模糊 list js 直播 let 搜索 搭建

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

封装一个公用的方法:

 


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

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

 

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

 


this.list = fuzzySearch(this.dataList, this.keyWord);

 

 

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

 


let reg = new RegExp(str,'i');

 

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

 

标签:search,模糊,list,js,直播,let,搜索,搭建
From: https://www.cnblogs.com/yunbaomengnan/p/17477372.html

相关文章

  • Edge浏览器的JSON格式化插件(FeHelper)不生效
    问题有时候懒得打开ApiPost测试接口,就直接使用Edge浏览器进行接口测试,但是最近格式化出了问题,FeHelper插件的JSON格式化不生效,不对,也不能说是完全不生效吧,测试非本地的接口倒是可以本地接口(奇怪的格式化,好丑......
  • 直播软件源码,元素水平垂直居中
    直播软件源码,元素水平垂直居中  position:absolute; top:45%; left:50%; transform:translate(-50%,-50%);​以上就是直播软件源码,元素水平垂直居中,更多内容欢迎关注之后的文章 ......
  • Eclipse环境搭建全集(个人使用的环境,Eclipse+SVN+Maven+JbossTo...
    评:1.JDK的配置去官网下载JDK,需要注意的是JDK32位,Eclipse也必须是32位.64位JDK对应Eclipse64位.1.安装JDK,安装过程中最好自定义安装目录等信息,如我们选择安装目录为E:\software\Java\jdk1.6.0_34.2.安装完成后,我的电脑点击属性,选择高级选项卡点击环境变量.3.在系统变量......
  • 常见问题——fileinput.js上传文件,不显示文件名的中文
    问题:使用fineinput.js插件上传文件,只显示文件名称中的英文、数字、符号不显示文件名称中的汉字解决方案简单粗暴:修改fileinput.js中的slugDefault方法slugDefault:function(text){returnisEmpty(text)?'':text.split(/(\\|\/)/g).pop().replace(/[^\w\-.\\\/]+......
  • docker-compose搭建wordpress
    前言我们都知道,docker是一个运行容器的软件。同时它也配置了一个运行一组容器的软件,叫做docker-compose。当我们使用非常小规模容器化应用的时候,我们可以使用此docker-compose去做。 docker-compose的介绍根据官网的描述,docker-compose是一个能够管理多容器的工具,可以使用yam......
  • 字节跳动双11电商直播技术大揭秘
    近几年来,电商直播已经成为了双11促销活动中的重要形式。作为国内电商直播中的佼佼者,双11刚过,抖音便公布了“抖音双11好物节数据报告”。从报告来看,10月27日至11月11日,抖音电商直播间累计时长达2546万小时,直播间累计观看395亿次,消费者品质购物需求旺盛,老字号产品、地方农货、非遗手......
  • 技术实战 —— 快速实现语聊房搭建
    语音相比文字图片更丰富,比视频又更简便,是天然的社交工具。以95后为代表的Z世代用户,在微信、QQ、微博等主流社交工具以外,更愿意尝试基于不同兴趣相对小众的社交工具。ZEGO即构科技推出语聊房解决方案,帮助客户快速搭建语聊房。本次分享,我们邀请到了即构科技交付解决方案专家JIN。......
  • 将JSON数据导入Excel中
    将JSON数据导入Excel中1、将在浏览器中的JSON数据复制出来,在桌面或者其他位置创建一个文本文件,将JSON数据粘贴进去,并将文件名的后缀改为.JSON格式,例如JSON.JSON{"students":[{"name":"JohnDoe","math":90,"science":85,"english&......
  • nodejs 和 mysql 连接
      原文https://www.mysqltutorial.org/mysql-nodejs/connect/   letmysql=require('mysql')letconnection=mysql.createConnection({host:'119.91.31.144',user:'test1',password:'',//密码database:......
  • fastadmin把后端变量传递到指定列表下的js文件
    php文件$this->assignconfig("customer_status_list",DictionaryService::getCustomerFieldDictionaryConfig('customer_status'));js文件{field:'customer_status',title:'客户状态',operate:"LIKE",......