filter函数模糊查询：filter函数的模糊查询，实现灵活数据筛选

来源：网络作者：日期：2025-11-02 07:51:49

在编程中,filter 函数是一种常见的用于从数组或集合中筛选出满足特定条件的元素的函数，它能够根据给定的条件，返回一个新的数组，其中只包含满足条件的元素，有时候我们可能需要进行更灵活的查询，比如模糊查询，即不完全匹配但部分匹配的查询，本文将探讨如何使用 filter 函数实现模糊查询，并提供一些实际的应用场景。

什么是模糊查询？

模糊查询（Like Query）是一种常见的查询方式，它允许用户输入部分信息，系统返回所有与该部分信息匹配的结果，在搜索功能中，用户输入“jo”，系统会返回所有以“jo”开头的用户名或字符串。

模糊查询在实际开发中非常有用,尤其是在处理大量数据时，用户可能无法提供完整的查询条件，但可以通过部分信息快速找到所需内容。

如何使用 filter 函数实现模糊查询？

filter 函数通常用于数组中，它接受一个回调函数作为参数，该函数对数组中的每个元素进行判断，返回 true 或 false，根据返回值，filter 函数会将 true 对应的元素放入新数组中。

filter函数模糊查询：filter函数的模糊查询，实现灵活数据筛选

要实现模糊查询,我们通常需要在回调函数中使用字符串匹配方法，如 includes()、正则表达式（Regular Expression）等。

示例 1：使用 `includes()` 方法

假设我们有一个用户数组,每个用户是一个对象，包含 name 属性，我们希望根据用户输入的关键词，返回所有名字中包含该关键词的用户。

filter函数模糊查询：filter函数的模糊查询，实现灵活数据筛选

const users = [
  { name: "John Doe" },
  { name: "Jane Smith" },
  { name: "Joan Johnson" },
  { name: "Bob Brown" }
];
function fuzzyFilter(arr, keyword) {
  return arr.filter(user => user.name.includes(keyword));
}
const keyword = "Jo";
const result = fuzzyFilter(users, keyword);
console.log(result);
// 输出：[{ name: "John Doe" }, { name: "Joan Johnson" }]

在这个例子中,includes() 方法用于检查字符串中是否包含指定的子字符串，如果包含，则返回 true，该用户会被保留在结果数组中。

示例 2：使用正则表达式实现更复杂的模糊查询

正则表达式提供了更强大的匹配能力,可以实现更复杂的模糊查询，例如匹配以某个字母开头的字符串、匹配特定格式的字符串等。

const users = [
  { name: "John Doe" },
  { name: "Jane Smith" },
  { name: "Joan Johnson" },
  { name: "Bob Brown" }
];
function fuzzyFilter(arr, pattern) {
  const regex = new RegExp(pattern, 'i'); // 'i' 表示忽略大小写
  return arr.filter(user => regex.test(user.name));
}
const pattern = "^J"; // 匹配以 J 开头的字符串
const result = fuzzyFilter(users, pattern);
console.log(result);
// 输出：[{ name: "John Doe" }, { name: "Jane Smith" }, { name: "Joan Johnson" }]

在这个例子中,我们使用正则表达式来匹配以字母 "J" 开头的字符串。test() 方法用于检查字符串是否匹配正则表达式。