filter实现模糊查询通用案例

---

一、使用步骤

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操作符，匹配后面的任何一个模式