JS数组对象筛选问题：filter函数未返回全部匹配结果

你的findJokes函数返回结果不全的核心原因是：String.includes()是大小写敏感的。比如你查询"how"时，所有包含"How"（首字母大写）的笑话都会被直接过滤掉，这就是实际应该返回132个结果但只拿到24个的原因。

下面给你两种改进方案，都能解决这个问题：

方案一：统一转小写后匹配（简单直接） #

通过将查询字符串和笑话文本都转为小写，彻底消除大小写差异，确保所有包含目标子串的内容都能被匹配到：

const findJokes = (query) => {
  // 处理空输入或纯空格，返回全部笑话
  if (!query.trim()) return [...jokes];
  
  const lowerQuery = query.toLowerCase();
  return jokes.filter(joke => joke.joke.toLowerCase().includes(lowerQuery));
};

改进说明 #

• 大小写无关：不管你输入how、How还是HOW，都能匹配到所有含该子串的笑话
• 兼容空查询：用户输入空字符串或不小心按了空格时，直接返回全部1536条数据
• 防误触：用trim()去掉查询内容的前后空格，避免因手滑多打空格导致匹配失败

方案二：正则表达式匹配（扩展性更强） #

如果以后需要支持更复杂的匹配规则（比如模糊匹配、正则语法），可以用带忽略大小写标志的正则：

const findJokes = (query) => {
  const trimmedQuery = query.trim();
  if (!trimmedQuery) return [...jokes];
  
  // 用'i'标志开启忽略大小写匹配
  const matchRegex = new RegExp(trimmedQuery, 'i');
  return jokes.filter(joke => matchRegex.test(joke.joke));
};

方案优势 #

• 同样解决大小写问题
• 支持正则语法：比如用户可以输入how.*you来匹配包含"how"且后面跟着"you"的笑话，灵活度更高
• 同样处理了空输入和冗余空格的情况

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