文章目录
- 一、使用步骤
- 1. 创建模糊过滤函数
- 2. 使用场景
- 3. 模糊搜索算法
一、使用步骤
1. 创建模糊过滤函数
filterFuzzy(input, arr) {// 创建模糊搜索正则表达式const pattern = new RegExp(input.toLowerCase().replace(/ /g, '|').replace(/\\*/g, '.{3,}'), 'i');// 过滤数组返回数组中匹配的元素return arr.filter(el => pattern.test(el));
}
2. 使用场景
在希望对项目数组执行模糊搜索的场景中,此函数非常有用。搜索将根据匹配条件找到与输入最接近的匹配项,从而提供更灵活和用户友好的搜索体验。例如,如果您有一个图书标题数组,并且想要搜索一个特定的标题,那么您可以利用这个函数进行模糊匹配
const books = ['The Great Gatsby', 'To Kill a Mockingbird', 'The Catcher in the Rye', 'Pride and Prejudice'];const searchTerm = 'Gatsby';
const matchingBooks = filterFuzzy(searchTerm, books);console.log(matchingBooks);//Output: ['The Great Gatsby']
在这段代码中,即使搜索词不完全匹配数组中的一个书名,它仍然返回最接近的匹配:’ the Great Gatsby '。
3. 模糊搜索算法
模糊搜索算法filterFuzzy函数使用正则表达式创建模糊搜索模式。
正则表达式使用以下属性:
i
: 不区分大小写搜索.{3,}
: 匹配任何3个或以上字符的序列|
: OR操作符,匹配后面的任何一个模式