有没有办法用已经将其转换为下划线来替换不是某个字符的所有字符

Question

没错，我正在用 jQuery 做一个带有 html、CSS 和 JavaScript 的hangman 项目。

我所做的是将字符串转换为像这样的下划线

var hidden_word;

hidden_word = aWord.replace(/[a-z]/gi, ' _ ');
$("#word").html(hidden_word);

然后如果单击一个字母，它应该将相应的下划线更改为正确的字母。

这就是我用它所做的（它不起作用，因为它只是将它全部转换回来）

if(aWord.includes(guess)){
    for(var q=0; q<aWord.length; q++){
        if (aWord[q] == guess){ indices.push(q+1); counter++; 
            $("#word").html(aWord.replace(/Q/g, ' Q '));
        }
        
        console.log(counter);
    }

我做了一些研究，但没有真正找到任何东西。

任何想法，关于如何使它转换字母所在的那个？

Answer 1

一个简单的解决方案是将aWord 的字母映射到一个对象，例如aWord 等于字符串abc。 @ 987654324@，然后您可以遍历该对象，每种类型的用户键入内容然后返回其值，在返回之前您可以检查对象是否具有用户键入的字母，然后您可以更新对象的值，或者将当前值设置为相同键，所以当你再次返回时，这次 UI 将返回正确的结果，让我们举个例子：

const aWord = "abcdef"; // generated based on your logic
const mappings = {}; // initial empty object

aWord.split('').forEach((_, i) => mappings[aWord[i]] = '_'); // fill in the object with letters as keys and underscores as values by default

const guess = "f"; // coming from user

if (aWord.includes(guess)){ // if word has guessed letter, we update object
    mappings[guess] = guess;
}

// mappings now will be => {a: "_", b: "_", c: "_", d: "_", e: "_", f: "f"}
console.log(mappings);