JavaScript文本框多关键词匹配计分逻辑异常问题排查

嘿，我明白你现在遇到的问题了——这种只有关键词按声明顺序出现才计分、单独输入最后一个关键词得0的情况，大概率是你原来的逻辑用了嵌套条件判断或者依赖顺序的检查方式，导致前面的关键词没出现时，后面的就算存在也不会被统计到。

先看常见的错误逻辑（你可能踩了这个坑） #

很多人刚开始写这类逻辑时，会不自觉写出嵌套的if判断，比如：

// 错误示例：嵌套条件导致顺序依赖
function calculateScore() {
  let score = 0;
  const text = document.getElementById('inputText').value;
  const keyword1 = '关键词1';
  const keyword2 = '关键词2';
  const keyword3 = '关键词3'; // 已修正拼写错误

  if (text.includes(keyword1)) {
    score++;
    if (text.includes(keyword2)) {
      score++;
      if (text.includes(keyword3)) {
        score++;
      }
    }
  }
  return score;
}

这种写法的问题很明显：只有keyword1存在时才会检查keyword2，只有keyword2存在时才会检查keyword3。所以单独输入keyword3的话，根本进不了最内层的判断，得分自然是0。

修正方案：独立检查每个关键词 #

解决思路很简单：把所有关键词放到数组里，遍历数组逐个独立检查是否存在，只要存在就累加得分，完全不依赖顺序。

基础版修正代码

function calculateScore() {
  let score = 0;
  const text = document.getElementById('inputText').value;
  // 将关键词存入数组，统一管理
  const keywords = ['关键词1', '关键词2', '关键词3'];

  // 遍历每个关键词，独立判断是否存在
  keywords.forEach(keyword => {
    if (text.includes(keyword)) {
      score++;
    }
  });

  return score;
}

这样不管关键词出现的顺序、次数（如果需要去重的话可以再加判断），只要文本里包含某个关键词，就会给score加1。比如只输入最后一个关键词，score就会返回1，完全符合你的预期。

简洁版（用reduce简化代码）

如果想让代码更紧凑，可以用数组的reduce方法一行完成得分计算：

function calculateScore() {
  const text = document.getElementById('inputText').value;
  const keywords = ['关键词1', '关键词2', '关键词3'];
  
  // 累计符合条件的关键词数量
  return keywords.reduce((totalScore, keyword) => {
    return text.includes(keyword) ? totalScore + 1 : totalScore;
  }, 0);
}

额外提示 #

如果需要避免重复计分（比如同一个关键词在文本里出现多次只算1分），上面的代码已经满足，因为includes只要匹配到一次就会返回true，不会重复加分。如果有其他需求（比如按出现次数计分），可以再调整判断逻辑。

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