美文网首页
js实现模糊查询

js实现模糊查询

作者: pengGO | 来源:发表于2018-06-20 10:11 被阅读0次

模糊查询是怎么实现的? 首先,我们要知道模糊查询是根据输入关键字来匹配字符的。然后,根据字符匹配算法来匹配你的输入值,最后筛选出匹配后的关键值就ok了。

常见的匹配方法有两种:一、indexOf()字符串方法;二、正则匹配

eg:   var list = ['we1','rt5','yuy6','nv8'];var keyWord = 'T'

1 . indexOf()方法进行查询

// 模糊匹配

、、、

functionsearchData(keyWord, list) {

  if(!Array.isArray(list) && keyWord!=='') return

  let arr= []

  let keyword= keyWord.toLocaleLowerCase() // 不区分大小写

for(let i=0; i< list.length; i++) {

    if(list[i].indexOf(keyword)!==-1) arr.push(list[i])

  }

  return arr

}

、、、

2. 正则匹配

可以使用匹配函数,match和test

functionsearchData(keyWord, list) {

  if(!Array.isArray(list) && keyWord!=='') return

  let arr= []

  let reg=newRegExp(keyWord,'i') // 不区分大小写

for(let i=0; i< list.length; i++) {

    if(list[i].match(reg)) arr.push(list[i])

  }

  return arr

}

相关文章

  • js实现模糊查询

    模糊查询是怎么实现的? 首先,我们要知道模糊查询是根据输入关键字来匹配字符的。然后,根据字符匹配算法来匹配你的输入...

  • js实现模糊查询纯前端

    今天为大家分享js实现模糊查询的功能! (如果解决了您的问题,请帮忙给我点个赞吧,谢谢!!!) 话不多说直接上代码...

  • js模糊查询

    今天完善项目时,新增了一个搜索功能,具体思路就不说了,主要是是纪录一下js实现模糊查询的方法 1、正则表达式 2、...

  • js前端模糊查询

    模糊查询,就是根据关键字把列表中符合关键字的罗列出来(当然这里只做了最简单的),也就是要检查列表的每一项中是否含有...

  • 前端js模糊搜索(模糊查询)

    1.html结构: 查询结果放ul里面 2.css样式: 查询结果对应的显示框css 列表都是li组成css 这个...

  • Mongodb数据库的模糊搜索

    模糊查询简介 MongoDB查询条件可以使用正则表达式,从而实现模糊查询的功能。模糊查询可以使用$regex操作符...

  • 搜索框实现模糊查询方法 - js

    日常开发中经常会遇到搜索框查询的例子,需要对数组中的元素进行检索并查询出所需的结果,通过如下方式简单实现了一个小的...

  • PHP实现模糊查询

  • vant下拉刷新和加载更多 包括模糊查询

    下拉刷新加载更多 仅供参考 html data js 模糊查询

  • 用js实现模糊查询的几种方法

    今天在做项目的时候,遇到一个需求是对列表进行模糊查询。对于模糊查询,一般都是传关键字给后端,由后端来做。但是有时候...

网友评论

      本文标题:js实现模糊查询

      本文链接:https://www.haomeiwen.com/subject/ngutyftx.html