如何在JavaScript数组中使用正则表达式实现搜索筛选？

哈哈，我一眼就看出你代码里的问题啦——你写的正则[a-zA-Z]?完全没用到用户输入的关键词啊！这个正则的意思是“匹配零个或单个字母”，所以它几乎对所有字符串都会返回true，但根本做不到根据输入的"Salsify"去筛选对应的元素。

要实现输入关键词就能匹配到包含它的完整字符串，咱们可以这么改：

核心思路 #

创建一个能匹配包含用户输入关键词的正则表达式，然后用这个正则去过滤数组元素。如果需要忽略大小写（比如输入小写"salsify"也能匹配），记得加上i标志。

完整代码示例 #

var aa = ["Sage","Salsify (usually Purple Salsify or Oyster Plant)"];
// 模拟用户输入的关键词
const userSearch = "Salsify";

// 创建正则：匹配包含关键词的字符串，忽略大小写
const searchRegex = new RegExp(userSearch, 'i');
// 过滤数组，返回所有匹配的元素
const matchedItems = aa.filter(elem => searchRegex.test(elem));

console.log(matchedItems);
// 输出结果：["Salsify (usually Purple Salsify or Oyster Plant)"]

进阶优化：精确匹配完整单词 #

如果担心出现部分匹配的情况（比如有个元素叫"Salsifyy"，你不想它被匹配到），可以给正则加上单词边界\b，确保只匹配完整的关键词：

const searchRegex = new RegExp(`\\b${userSearch}\\b`, 'i');

这样就只会匹配包含独立"Salsify"单词的元素，不会误匹配更长的单词。

为啥原来的正则不行？ #

再啰嗦两句原代码的问题：[a-zA-Z]?里的?表示“可选”，所以这个正则要么匹配一个字母，要么啥都不匹配。它根本没关联用户输入的关键词，自然没法精准筛选你要的字符串啦～

内容的提问来源于stack exchange，提问作者kittu