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返回数组序号,判断条件为不等于-1
if (table[i].title.indexOf(e) >= 0) {
newgoods.push(table[i]);
}
}
// 循环得到的值赋值给搜索列表
state.serachgoods = newgoods;
},