在JS中正确使用typeof运算符?

时间:2018-07-31 23:41:38

标签: javascript validation ecmascript-6

我正在用JavaScript制作一个简单的子手游戏。我正在尝试添加新功能,我想添加的功能之一是检查用户提供的输入(当他们猜出未知单词的字母时),以确保它实际上是字母数字输入(或者我的目的是检查输入的内容不是“!”这样的符号还是“ 5”这样的数字)。

我知道我可能可以使用包含所有有效字符的全局变量,并对照这些字符检查输入,但是我想知道是否有内置方法可以用于此。我找到了typeof运算符,但似乎我要检查的字符类型已通过JavaScript转换为字符串。

我要在其中实现的循环:

while (remainingLetters > 0 && numberOfGuesses > 0) {
alert(answerArray.join(" "));
alert("You have " + numberOfGuesses + " guesses remaining.");

var guess = prompt("Guess a letter, or click \
'Cancel' to stop playing.").toLowerCase();

if (guess === null) {
  break;
} else if (typeof guess === "number") {
  alert("Please enter a single LETTER.");
} else if (guess.length !== 1) {
  alert("Please enter a single letter.");
} else {
  for (var j = 0; j < word.length; j++) {
    if (word[j] === guess) {
      answerArray[j] = guess;
      remainingLetters--;

// there is some code missing here that I'm pretty sure is not essential 
// to my question!

当我在Chrome的开发工具中运行该代码时,我可以输入“ 2”,并且它永远不会给我警报,它不会崩溃,也不会重新启动循环(状态为在尝试实现此“功能”之前)。

谢谢!

1 个答案:

答案 0 :(得分:1)

此代码的问题是prompt总是返回一个string值。这些值可能会或可能不会转换为Number;此转换将使用parseIntparseFloat进行。 (如果字符串可以转换为数值,则这些方法将返回该值;否则,它们将返回NaN。)但是,typeof不执行任何插值操作-它声明变量的类型,因为它存在,而不是可能转换成的任何类型。因此,typeof guess将始终取值为string。要检查字符串是否包含数字值,可以使用条件if (!isNaN(parseInt(guess))if (!isNaN(parseFloat(guess))(请注意,必须使用isNaN方法来代替传统的相等性检查)。

但是,您可能希望根据确保条目的字母来组织检查,而不是考虑可能存在的多种方式。例如,@不是数字,但也不是字母。同样,如果您的answerArray仅包含不带变音符号的拉丁字母,则您可能想禁止猜测诸如éç之类的字符。因此,考虑使用RegEx检查猜测的字符串是否包含可接受的字母。与this Stack Overflow post中一样,您可以使用以下if语句来确保字符串长一个字符且是有效字母:if (str.length === 1 && str.match(/[a-z]/))。您可以参考该帖子,了解解决更复杂的字符集的方法(例如,非拉丁字母或带有变音符号的字符集)。