前端Js实现模糊查询

使用match方法对字符串模糊查询

需要查询的原有数据：

data1: [{key: 1,name: '第一'},{key: 2,name: 'ssss'},{key: 3,name: '12121'},{key: 4,name: '####'},{key: 5,name: '!!**'}

查询数据

查询之后返回的数据

直接上代码：

 hhh() {console.log(this.data2)var reg = new RegExp(this.title, 'i')const arr = []this.data1.forEach((item) => {if (item.name.match(reg) !== null) {arr.push(item)}})this.data2 = arrconst deWeightThree = () => {const map = new Map()for (const item of this.data2) {if (!map.has(item.key)) {map.set(item.key, item)}}return [...map.values()]}this.data2 = deWeightThree()console.log(this.data2)

详细学习地址：

JavaScript match() 方法 | 菜鸟教程

前端Js实现模糊查询相关推荐

html 下拉列表模糊查询,JS实现模糊查询带下拉匹配效果
"搜索"可以使我们更快的找到某一个关键词或者某一个商品,所以"模糊查询"和"下拉匹配"也成了前端必备的一个小技能,开门见山,希望对朋友们有帮 ...
html实现模糊查询,用js实现模糊查询的几种方法
今天在做项目的时候,遇到一个需求是对列表进行模糊查询.对于模糊查询,一般都是传关键字给后端,由后端来做.但是有时候一些轻量级的列表前端来做可以减少ajax请求,在一定程度上提高用户体验.我目前的情况恰 ...
html搜索框模糊搜索,前端js模糊搜索（模糊查询）
1.html结构: /*查询结果放ul里面*/ 2.css样式: #searchShop { line-height: 28px; text-indent: 5px; width: 180px; fl ...
vue中轻量级模糊查询fuse.js使用
由于本样例是基于vue3中来实现的,若你使用的是vue2,请在评论区中发表后,也会出vue2中的相关使用.fuse是一个前端自行进行模糊查询的相关插件,常用于系统路由菜单的相关搜索等数据量不太大的情况 ...
C语言的模糊查询,【C语言如何实现中文模糊查询+急+】
C语言如何实现中文模糊查询? (急) 2009年02月25 - 我要建立一个生物信息检索系统,如何用C语言实现数据的模糊查询,数据包括中文和英文,请高手指点(最好附上例子或源程序),谢谢! 怎样用c语 ...
js前端实现模糊查询
对于模糊查询,一般都是传关键字给后端,由后端来做.但是有时候一些轻量级的列表前端来做可以减少ajax请求,在一定程度上提高用户体验.废话不多说,直接上代码. //字符串方法indexOfvar len ...
java ftp模糊查询_前端js模糊搜索（模糊查询）
1.html结构: /*查询结果放ul里面*/ 2.css样式: #searchShop{ line-height:28px; text-indent:5px; width:180px; float: ...
前端实现js模糊查询关键字显示下拉框功能的实例教程
所谓模糊查询就是通过关键字在数据中匹配到包含关键字的数据,而得出的查询结果.本实例教程讲解在前端文本框输入关键字,显示匹配的数据列表功能. 首先得准备一个文本框和显示数据列表的div元素,html代码 ...
前端实现模糊查询不区分大小写
首先,在js中转大小写的方法都有哪些? 在javascript中,转大写/小写的方法有toLocaleLowerCase().toLocaleUpperCase().toLowerCase()以及to ...

前端Js实现模糊查询

使用match方法对字符串模糊查询

前端Js实现模糊查询相关推荐

最新文章

热门文章