Javascript/React搜索功能：结果排序与匹配规则优化问询

嘿，刚入职3个月碰到这种搜索排序的问题太正常了，咱们一步步拆解来解决～

问题分析 #

你当前的函数只做了完整短语包含匹配，所以会漏掉拆分关键词的结果，同时也没按你想要的优先级排序。咱们需要把结果分成三类，按优先级合并：

1. 完全匹配搜索字符串的结果
2. 完整包含搜索短语但非完全匹配的结果
3. 搜索关键词拆分后分别出现在文本中的结果

实现步骤与代码示例 #

咱们可以把逻辑拆成三个筛选步骤，再按顺序合并结果：

const queries = ['revised sales report','sales report', 'revision: sales investors report'];

function filterResults(term) { 
  // 统一转小写，避免大小写影响匹配
  const normalizedTerm = term.toLowerCase();
  // 拆分搜索词为独立关键词，过滤掉空字符串（比如多个空格的情况）
  const termWords = normalizedTerm.split(/\s+/).filter(word => word);

  // 1. 筛选完全匹配的结果
  const exactMatches = queries.filter(item => item.toLowerCase() === normalizedTerm);

  // 2. 筛选包含完整短语但非完全匹配的结果
  const partialPhraseMatches = queries.filter(item => {
    const normalizedItem = item.toLowerCase();
    return normalizedItem.includes(normalizedTerm) && normalizedItem !== normalizedTerm;
    // 如果需要严格限制「非开头匹配」，可以加下面这行判断
    // && !normalizedItem.startsWith(normalizedTerm)
  });

  // 3. 筛选所有拆分关键词都存在的结果，且排除前两类已匹配的项
  const keywordMatches = queries.filter(item => {
    const normalizedItem = item.toLowerCase();
    // 跳过已经在前两类的结果，避免重复
    if (exactMatches.includes(item) || partialPhraseMatches.includes(item)) return false;
    // 检查每个关键词都出现在当前项中
    return termWords.every(word => normalizedItem.includes(word));
  });

  // 按优先级合并三类结果
  return [...exactMatches, ...partialPhraseMatches, ...keywordMatches];
}

console.log(filterResults('sales report'));
// 输出：["sales report", "revised sales report", "revision: sales investors report"]

关键逻辑说明 #

• 完全匹配：直接用严格相等判断，确保最精准的结果排在第一位
• 完整短语包含：既包含整个搜索短语，又不是完全匹配，对应你说的“完整包含搜索短语但非开头匹配”（如果需要严格限制开头，可以在判断里加!normalizedItem.startsWith(normalizedTerm)）
• 拆分关键词匹配：把搜索词拆成单个关键词，只要所有关键词都出现在文本中就算匹配，这样就能覆盖像revision: sales investors report这种拆分出现的情况

可选优化点 #

如果后续需要更精细的排序，还可以：

• 给不同类别的结果加权重，用排序函数而非直接合并
• 考虑关键词出现的顺序（比如要求关键词按搜索顺序出现）
• 处理标点符号的影响（比如把文本中的标点去掉后再匹配）

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