js 实现模糊搜索功能

最近遇到一个需要前端对已有数据做模糊查询的功能。方法有很多种，个人比较推荐使用正则表达式来实现，下面是我实现的方法：

封装一个公用的方法：

//list 是已有的数据，search 是模糊搜索的关键字
export function fuzzySearch(list,search){
	let data = [];
	if(list.length != 0 && search){
		let str = `\S*${search}\S*`;
		let reg = new RegExp(str);
		list.map(item => {
			if(reg.test(item.name)){
				data.push(item);
			}
		})
	}
	return data;
}

最终返回一个模糊匹配过的数组。

在需要使用的地方引入该方法，然后直接传参就可以了。

this.list = fuzzySearch(this.dataList, this.keyWord);

如果想不区分大小写的话，直接在正则后面加一个 ‘i’ 就可以了。

let reg = new RegExp(str,'i');