javascript - NaN 未知原因

Question

在编写一个小项目时，我在打印到控制台时遇到了 NaN 问题。我认为这可以通过使用 JavaScript 代码轻松解决:

newInt = parseInt(oldInt);

事实并非如此。在阅读了 NaN 之后，它可以通过多种方式创建，例如将数组添加到对象，或者更常见的是当您尝试从字符串中取出数字时。我说带走是因为将数字添加到字符串意味着会发生连接。

我的代码可用here .这是一个网站，但我使用出现和消失的 div 来显示它不是。要获得错误，请按“开始冒险”。您可以使用默认值。

在您可以通过按 F12 访问的控制台中，它将打印出一组起始值。然后它将打印一组起始值，使用以下方法方便地组合在一起:

console.Group();
console.GroupEnd();

之后，当您按下“明年!”它将打印另外两个组。函数创建的第一个

plantCrops();

函数创建的下一个

buildWells(); 

如您所见，两个 currentCrop 注释都是 NaN - 尽管通过大量使用 parseInt 采取了预防措施。有没有什么办法解决这一问题？尽管它应该非常简单，但它的发生似乎很奇怪。

Answer 1

您的代码有很多问题，但与 NaN 相关的问题在这里:

currentCrop = document.getElementById("cropstored");
currentCrop = parseInt(currentCrop);

此代码尝试从对象中解析 int，但这不起作用。

先获取值:

currentCrop = document.getElementById("cropstored").value;
currentCrop = parseInt(currentCrop);

但是请确保该元素不包含空字符串，因为 parseInt 会为其返回 NaN:

parseInt('') -> NaN

实际上，NaN 表示该值无法解析为整数，因此您可以将其用作无效数据的指示。