如何从表单结果中删除 isNaN ？

发布于 2024-12-23 12:37:30 字数 933 浏览 3 评论 0原文

我正在创建一个小计算器。其中部分功能允许您输入最多 4 个数字，但也可以只输入 1,2 或 3 个数字。我已经让代码正常工作，除了当我只输入 1、2 或 3 个数字时，我未输入的数字会得到 NaN 结果。

如何摆脱 NaN 结果？

我用于分割输入表单数据的 jQuery 是 -

    var numbers = num4.split(" ");
    var firstNumber = parseInt(margins[0], 10),
        secondNumber = parseInt(margins[1], 10),
        thirdNumber = parseInt(margins[2], 10),
        fourthNumber = parseInt(margins[3], 10);
    console.log(firstNumber, secondNumber, thirdNumber, fourthNumber);

    var shorthand1 = parseInt (firstNumber, 10) * 1;
    var shorthand2 = parseInt (secondNumber, 10) * 1;
    var shorthand3 = parseInt (thirdNumber, 10) *1;
    var shorthand4 = parseInt (fourthNumber, 10) *1;

并且我只是将

shorthand1 + shorthand2 + shorthand3 + shorthand4

结果显示在页面上的 div 中。

问题是，如果我输入“10 10 10”而不输入第四个数字，我会得到以下结果：

10 10 10 NaN

我可以检查 NaN 而不会处理该结果吗？

原文

I'm creating a little calculator. Part of this will allow you to input upto 4 numbers but you could just have 1,2 or 3 as well. I've got the code working except for when I only enter 1, 2 or 3 numbers I get a NaN result for the numbers I haven't entered.

How do I get rid of the NaN result?

my jQuery for splitting the inputted form data is -

    var numbers = num4.split(" ");
    var firstNumber = parseInt(margins[0], 10),
        secondNumber = parseInt(margins[1], 10),
        thirdNumber = parseInt(margins[2], 10),
        fourthNumber = parseInt(margins[3], 10);
    console.log(firstNumber, secondNumber, thirdNumber, fourthNumber);

    var shorthand1 = parseInt (firstNumber, 10) * 1;
    var shorthand2 = parseInt (secondNumber, 10) * 1;
    var shorthand3 = parseInt (thirdNumber, 10) *1;
    var shorthand4 = parseInt (fourthNumber, 10) *1;

and I just have

shorthand1 + shorthand2 + shorthand3 + shorthand4

as a result displayed in a div on the page.

The issues is if I enter "10 10 10" and not enter a fourth number I get a result of

10 10 10 NaN

Can I check for NaN and not get that result processed?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

没企图 2024-12-30 12:37:30

您可以使用 Javascript isNaN(value) 函数检查值是否为 NaN。

回复收藏 0 原文

岁月静好 2024-12-30 12:37:30

你可以在js中检查isNaN()。

请注意，isNaN() 函数仅检查值的“数字性质”，而不检查该值是否是有限的。要检查数字是否有限，您应该使用 JavaScript 的 isFinite()。

回复收藏 0 原文

一页 2024-12-30 12:37:30

isNaN() 函数确定某个值是否为非法数字 (Not-a-Number)。

如果值为 NaN，则该函数返回 true，否则返回 false。

<script type="text/javascript">
document.write(isNaN(123)+ "<br />");
document.write(isNaN("Hello")+ "<br />");
document.write(isNaN(NaN)+ "<br />");
</script>

输出：
假
真实
真的

对于您的情况，您可以如下检查：

<html>
<body>
<script type="text/javascript">
if(!isNaN(123)){
document.write(isNaN(123)+ "<br />");
}
if(isNaN("Hello")){
document.write(isNaN("Hello")+ "<br />");
}
</script>
</body>
</html>

The isNaN() function determines whether a value is an illegal number (Not-a-Number).

This function returns true if the value is NaN, and false if not.

<script type="text/javascript">
document.write(isNaN(123)+ "<br />");
document.write(isNaN("Hello")+ "<br />");
document.write(isNaN(NaN)+ "<br />");
</script>

Output:
false
true
true

For your case, you can check like below:

<html>
<body>
<script type="text/javascript">
if(!isNaN(123)){
document.write(isNaN(123)+ "<br />");
}
if(isNaN("Hello")){
document.write(isNaN("Hello")+ "<br />");
}
</script>
</body>
</html>

回复收藏 0 原文

~没有更多了~