美文网首页
js前端模糊查询

js前端模糊查询

作者: zhao_ran | 来源:发表于2020-10-24 12:29 被阅读0次

模糊查询,就是根据关键字把列表中符合关键字的罗列出来(当然这里只做了最简单的),也就是要检查列表的每一项中是否含有关键字,因此抽象一下就是一个字符串中是否含有某个字符或者字符串。

对于模糊查询,一般都是传关键字给后端,由后端来做。但是有时候一些轻量级的列表前端来做可以减少ajax请求,在一定程度上提高用户体验。上代码。

使用正则匹配的方式
const a = '你好'//用户输入的字符串,//dataOrigin数据源信息
    function filterData(a, dataOrigin) {
      const regstr = ['', ...a, ''].join('.*')
      const reg = new RegExp(regstr)
      return reg.test(dataOrigin)
    }
    console.log(filterData(a,'123123123你好好'));//true

相关文章

  • js前端模糊查询

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

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

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

  • js实现模糊查询纯前端

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

  • 前端模糊查询

    实现前端模糊查询效果 实验证明 这种方法可以达到模糊查询的效果,但是把搜索的字删了,数据也就没了,不能复原,应该要...

  • js模糊查询

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

  • js实现模糊查询

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

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

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

  • 前端、js实现树形结构数据的模糊搜索查询、模糊过滤

    示例: 需求:输入 “景区” 字,希望树形结构中带有 “景区” 字的项显示,即使父节点没有,但子节点含有,父节点仍...

  • 技术栈

    前端:react样式:css in js状态管理:dvaAPI查询:ApolloAPI开发:strapinosql...

  • 模糊查询,节流减少接口请求次数

    ```htmL ``` ```js // 模糊查询请求次数频繁, // 解决思路是 //(1)自定义事...

网友评论

      本文标题:js前端模糊查询

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