JavaScript 中模拟 MySQL LIKE 通配符搜索的完整实现-js教程-PHP中文网

JavaScript 中模拟 MySQL LIKE 通配符搜索的完整实现

本文介绍如何在 JavaScript 中实现类似 MySQL LIKE 的字符串模糊匹配功能，支持 * 作为通配符（对应 %），可灵活匹配开头、结尾或任意位置的子串，无需依赖外部库。

本文介绍如何在 javascript 中实现类似 mysql `like` 的字符串模糊匹配功能，支持 `*` 作为通配符（对应 `%`），可灵活匹配开头、结尾或任意位置的子串，无需依赖外部库。

在 JavaScript 原生方法中，startsWith()、endsWith() 和 includes() 各有局限：前者仅匹配前缀，后者无法区分“精确词”与“子串干扰”（如搜索 "Bruno" 会错误匹配 "Brunoette"），而真实业务场景常需类 SQL 的灵活模式匹配——例如 LIKE "Bruno%"（开头匹配）、LIKE "%Bruno"（结尾匹配）、LIKE "%Bruno%"（任意位置匹配）。

为复刻 MySQL 的 LIKE 行为，我们采用动态正则表达式构建策略，将用户输入的含 * 的搜索模式（如 *Bruno*）安全转换为等效正则表达式（如 /Bruno/i），并自动添加锚点 ^ 和 $ 控制匹配范围：

Bruno → ^Bruno$（全字精确匹配，不带通配符时默认严格）
Bruno* → ^Bruno（开头匹配，等价于 startsWith）
*Bruno → Bruno$（结尾匹配）
*Bruno* → Bruno（任意位置匹配，等价于 includes，但更可控）

以下是生产就绪的封装函数：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

function likeFilter(array, pattern) {
  // 转义正则特殊字符（除 * 外），避免注入风险
  const escapedPattern = pattern.replace(/[-[]{}()+?.,\^$|#s]/g, '\$&');
  // 将 * 替换为 .*，并处理边界逻辑
  let regText = escapedPattern;

  if (regText.startsWith('*') && regText.endsWith('*')) {
    regText = regText.slice(1, -1); // 移除首尾 *，生成 /.../i
  } else if (regText.startsWith('*')) {
    regText = regText.slice(1) + '$'; // *abc → abc$
  } else if (regText.endsWith('*')) {
    regText = '^' + regText.slice(0, -1); // abc* → ^abc
  } else {
    regText = '^' + regText + '$'; // abc → ^abc$
  }

  const re = new RegExp(regText, 'i'); // 不区分大小写
  return array.filter(item => re.test(item));
}

// 使用示例
const words = ['Bruno Nobre', 'José Bruno', 'Bruno Ricardo', 'Antônio Bruno'];

console.log(likeFilter(words, 'Bruno'));     // ['Bruno Nobre', 'Bruno Ricardo']（全匹配）
console.log(likeFilter(words, 'Bruno*'));    // 同上（开头匹配）
console.log(likeFilter(words, '*Bruno'));    // ['José Bruno', 'Antônio Bruno']（结尾匹配）
console.log(likeFilter(words, '*Bruno*'));   // 全部四项（任意位置含 "Bruno"）

✅ 关键优势：