js使用实现模糊查询

模糊查询可以减少对接口的请求,减少服务器压力,直接在获取到的数组数据中按要求查找,

  • 通过循环来查找对应的信息,并返回序号,然后将返回序号的信息,push到一个新的数组,这样做是防止修改原数组中的数据。
  • 最后将获取到的数据赋值给最终要在页面显示的数组即可。

这里是引用提示和注释
注释:indexOf() 方法对大小写敏感!
注释:如果要检索的字符串值没有出现,则该方法返回 -1。

  • 代码如下
// 餐桌搜索方法search_Icon(state, e) {console.log(e)//先获取原数组数据let table = state.table_list;// 用来放搜索返回的数据let newgoods = [];// 循环table列表for (var i = 0;i<table.length;i++) {// indexOf返回数组序号,判断条件为不等于-1if (table[i].title.indexOf(e) >= 0) {newgoods.push(table[i]);}}// 循环得到的值赋值给搜索列表state.serachgoods = newgoods;},

JS模糊查询indexOf方法相关推荐

  1. js中数组indexOf方法的使用和实现

    js中数组indexOf方法的使用和实现 IndexOf方法定义 indexOf()方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1. IndexOf方法语法 arr.inde ...

  2. ABAP OPEN SQL 模糊查询的方法

    SAP模糊查询的方法: 其中 MAKTX_TXT 为传进来的参数 *声明一个变量 DATA: MAKTX_EXP LIKE MAKT-MAKTX. *拼接%% CONCATENATE '%'MAKTX ...

  3. Mybatis-plus LambdaQueryWrapper 模糊查询 like方法使用记录

    项目开发过程中使用Mybatis-Plus的lambda 表达式,对其中对模糊查询like方法开始不理解其中参数Boolean是什么作用.后边看其他的方法都是两个对应的,有带Boolean参数的有不带 ...

  4. JS中的indexOf方法

    indexOf()简介 indexOf()是js中内置的方法之一,它的功能大家都很熟悉:简单来说就是得到数据的索引,对于正则不熟练的人,是个很不错的方法. 如果查询到返回索引,反之返回-1(固定用法) ...

  5. MySQL单表多字段模糊查询解决方法

    2019独角兽企业重金招聘Python工程师标准>>> 在最近的一个项目需要实现在单表中对多字段进行多个关键字的模糊查询,但这数个关键字并不一定都存在于某个字段 例如现有table表 ...

  6. mysql之模糊查询的方法

    Mysql模糊查询正常情况下在数据量小的时候,速度还是可以的,但是不容易看出查询的效率,在数据量达到百万级,千万级的甚至亿级时 mysql查询的效率是很关键的,也是很重要的. 一.一般情况下 like ...

  7. 前端实现js模糊查询关键字显示下拉框功能的实例教程

    所谓模糊查询就是通过关键字在数据中匹配到包含关键字的数据,而得出的查询结果.本实例教程讲解在前端文本框输入关键字,显示匹配的数据列表功能. 首先得准备一个文本框和显示数据列表的div元素,html代码 ...

  8. js 中使用indexOf()方法是提示(对象不支持此属性或方法)如何解决?

    1."对象不支持此属性或方法" 表示 javascript对象没有这个方法,无法调用,比如 A.B() 当A对象没有B方法的时候,会报这个异常 2.因为javascript是 脚本 ...

  9. 关于带参数模糊查询的方法 like --转载自 寂寞沙洲(博客园)

    这些天对数据库参数化研究了几天,在博客园上查了许久,看到了 博主 寂寞沙洲有关于这篇的讲解,学到了.--仅作学习使用 今天想用参数化SQL语句进行模糊查找,一开始的使用方法不正确,摸索了好一会. 1. ...

最新文章

  1. Arduino 各种模块篇 光敏感应器 简易光敏
  2. Samba服务搭建及详解
  3. VC++实现恢复SSDT
  4. 【运筹学】线性规划数学模型 ( 单纯形法 | 第二次迭代 | 方程组同解变换 | 生成新单纯形表 | 计算检验数 | 最优解判定 | 线性规划解个数分析 )
  5. MySQL中的常用函数
  6. 修复版ZFAKA发卡系统源码 自适应PC+手机端
  7. iOS实现简书的账号识别方式(正则表达式)
  8. 空巢青年,“空巢”是选择还是无奈? | 数据告诉你
  9. 基于Python的Bangumi中动画片排行榜数据可视化分析
  10. (产品面试贴)乐动——阿里巴巴2015暑期实习平台型产品经理(技术领域)
  11. mongodb一致性协议_Mongodb选举机制
  12. 人生有三重境界:看山是山,看水是水;看山不是山,看水不是水;看山还是山,看水还是水
  13. Unity流水账9:Timeline
  14. 深度学习实现安全帽佩戴的检测
  15. android百度地图自动定位
  16. 行驶证OCR识别360度全面解析
  17. 上网使用随身wifi与路由器有何不同?
  18. 计算机科学与技术在生物方面的应用,浅谈信息技术在生物工程中的应用意义
  19. TOEIC PLAN CHANGING
  20. 解读:电子合同存证五问五答

热门文章

  1. #Geek Point# 为什么现在要去印度看一看?
  2. linux查看是否有漏洞,Linux Lite开发者推傻瓜式脚本:轻松查看是否已修复CPU漏洞...
  3. 本科生毕业论文前期须知
  4. python(3.9.7)的字典(全面、细致)
  5. lol6月五日服务器维护,LOL6月5日维护到几点进游戏 9.11新版本更新维护公告
  6. Android Studio实现考试管理系统
  7. Linux 4种休眠模式
  8. 在 ZBrush 和 Maya 中创建 Chris Hemsworth 的 3D 肖像
  9. 银行如何打造可持续的小微生态圈
  10. 布局无代码开发,谷歌云在全家桶中加入一道甜品