js实现模糊查询

Posted 2023-05-09

参考技术A 前端进行模糊查询需要用到new RegExp() 正则表达式。
RegExp: https://www.w3school.com.cn/jsref/jsref_obj_regexp.asp
这里需要用到的方法是exec,意思是检索字符串中指定的值。返回找到的值，并确定其位置。
首先初始化两个数组，一个用于渲染，一个用于保持基本数据：

js实现下拉框模糊查询

keyup方法触发模糊查询

list : Array<any> //下拉列表所有内容
filtList：Array<any> //过滤后的内容
inputContent : string  //输入的内容

方法一，filter()遍历:
filtList = list.filter(data => {
    return data && data.toString().indexOf(inputContent)!==-1    
})

方法二，for循环：
for(const data of list){
    if(data.toString.indexOf(inputContent ) ！== -1){
        filtList.push(data)  
    }
}