修复JavaScript猜词游戏中重复猜测导致的Bug-js教程-PHP中文网

修复JavaScript猜词游戏中重复猜测导致的Bug

霞舞

发布： 2025-09-08 13:38:03

原创

877人浏览过

修复javascript猜词游戏中重复猜测导致的bug

本文针对JavaScript猜词游戏中重复猜测相同字母导致剩余猜测次数错误减少的Bug，提供了详细的修复方案。通过添加额外的条件判断，确保只有在未猜测过的正确字母被猜中时，才减少剩余猜测次数，从而保证游戏的正确逻辑。本文提供了清晰的代码示例和详细的解释，帮助读者理解并修复该Bug。

在编写JavaScript猜词游戏时，一个常见的Bug是，当玩家重复猜测同一个正确的字母时，游戏中的remainingLetters变量会错误地减少。这是因为游戏逻辑没有考虑到玩家重复猜测的情况，导致每次猜中字母都会减少剩余猜测次数，即使该字母已经被猜中过。本文将介绍如何修复这个Bug，确保游戏逻辑的正确性。

问题分析

问题的根源在于以下代码段：

for (var j = 0; j < word.length; j++) {
    if (word[j] === guess) {
        answerArray[j] = guess;
        remainingLetters--;
    }
}

登录后复制

这段代码遍历目标单词word的每个字母，如果当前字母与玩家猜测的字母guess相同，则将answerArray中对应位置的下划线替换为猜测的字母，并减少remainingLetters变量的值。然而，这段代码没有检查answerArray中对应位置是否已经是猜测的字母，因此，当玩家重复猜测同一个字母时，remainingLetters变量会被多次减少。

立即学习“Java免费学习笔记（深入）”；

解决方案

为了解决这个问题，我们需要在if语句中添加一个额外的条件，以检查answerArray中对应位置是否已经是猜测的字母。只有当answerArray中对应位置是下划线时，才执行替换操作并减少remainingLetters变量的值。

小艺

华为公司推出的AI智能助手

549

查看详情

修改后的代码如下：

for (var j = 0; j < word.length; j++) {
    if (word[j] === guess && answerArray[j] === "_") {
        answerArray[j] = guess;
        remainingLetters--;
    }
}

登录后复制

通过添加answerArray[j] === "_"这个条件，我们确保只有在answerArray中对应位置是下划线时，才执行替换操作并减少remainingLetters变量的值。这样，当玩家重复猜测同一个字母时，remainingLetters变量不会被多次减少，从而修复了这个Bug。

完整代码示例

以下是包含修复后的Bug的完整代码示例：

<script>
// 设置最大尝试次数
var maximumTries = 10;

// 创建单词数组
var words = [
    "quail",
    "chicken",
    "kookaburra",
    "parrot"
];

// 随机选择一个单词
var word = words[Math.floor(Math.random() * words.length)];

// 设置答案数组
var answerArray = [];
for (var i = 0; i < word.length; i++) {
    answerArray[i] = "_";
}
var remainingLetters = word.length;

// 用于保存所有尝试过的字母
var guessAll = "";

// 游戏循环
while (remainingLetters > 0 && guessAll.length < maximumTries) {
    // 显示玩家的进度
    alert(answerArray.join(" "));

    // 从玩家那里获取猜测
    var guess = prompt("猜一个字母，或单击“取消”停止游戏。");
    if (guess === null) {
        // 退出游戏循环
        break;
    } else if (guess.length !== 1) {
        alert("请输入单个字母。");
    } else {
        guess = guess.toLowerCase();
        guessAll += guess; // 添加到猜测过的字母中
        for (var j = 0; j < word.length; j++) {
            if (word[j] === guess && answerArray[j] === "_") {
                answerArray[j] = guess;
                remainingLetters--;
            }
        }
    }
    // 游戏循环结束
}

// 显示答案并祝贺玩家
alert(answerArray.join(" "));
if (remainingLetters == 0) {
  alert("干得好！答案是 " + word);
} else {
  alert("很遗憾，你没有猜到答案。答案是 " + word);
}

</script>

登录后复制