有没有一种方法将NaN值转换为0而不使用if语句?例子:

if (isNaN(a)) a = 0;

每次检查我的变量都很烦人。


当前回答

我建议你使用正则表达式:

const getNum = str => /[-+]?[0-9]*\.?[0-9]+/.test(str) ? parseFloat(str) : 0;

下面的代码将忽略NaN,以允许计算正确输入的数字:

几点getNum str = => /[-+]?[ 0] * \ 0 - 9] + - ?[。(str)测试?欧芹(str): 输入]; getElementById (getTotal”)的文件。addEventListener(点击)=> 使共=滴哩。文件夹(fld => getNum(fld.value) .reduce(a、b)=>a+b); 控制台日志(总量)。 }); <输入类型=“文本”/> <输入类型=“文本”/> <输入类型=“文本”/> <输入类型=“文本”disabled /> <巴顿打字=“巴顿”id=“getall”>Calculate</按钮>

其他回答

对任何事情都更简单有效的方法:

function getNum(val) {
   val = +val || 0
   return val;
}

...这将把a从任何“假”值转换为0。

“伪”值是:

假 零 未定义的 0 ""(空字符串) NaN(非数字)

使用双波浪号(双位NOT) - ~~ -在JavaScript中做了一些有趣的事情。例如,你可以用它来代替数学。floor或甚至作为parseInt("123", 10)的替代!在网络上已经讨论过很多次了,所以我不会在这里解释为什么它可以工作,但如果你感兴趣的话:JavaScript中的“双波浪号”(~~)操作符是什么?

我们可以利用双波浪号的这个属性将NaN转换为一个数字,幸运的是,这个数字是零!

console.log(~~NaN);0

如果您试图使用parseInt(),则使用isNaN的方法将不起作用。例如,

parseInt("abc"); // NaN
parseInt(""); // NaN
parseInt("14px"); // 14

但在第二种情况下,isNaN产生false(即,空字符串是一个数字)。

n="abc"; isNaN(n) ? 0 : parseInt(n); // 0
n=""; isNaN(n) ? 0: parseInt(n); // NaN
n="14px"; isNaN(n) ? 0 : parseInt(n); // 14

总而言之,空字符串被isNaN视为有效数字,而不是parseInt()。它已在macOS v10.14 (Mojave)上的Safari, Firefox和Chrome上进行了验证。

使用user113716的解决方案,顺便说一下,它是伟大的,以避免所有的if-else,我已经实现了这种方式来计算我的小计文本框从文本框单位和文本框数量。

在单位和数量文本框中写入非数字的过程中,它们的值被替换为零,因此最终发布的用户数据中没有非数字。

<script src="/common/tools/jquery-1.10.2.js"></script>
<script src="/common/tools/jquery-ui.js"></script>

<!--------- link above two lines to your jQuery files ------>

<script type="text/javascript">
    function calculate_subtotal(){
        $('#quantity').val((+$('#quantity').val() || 0));
        $('#unit').val((+$('#unit').val() || 0));

        var calculated = $('#quantity').val() * $('#unit').val();
        $('#subtotal').val(calculated);
    }
</script>

<input type = "text" onChange ="calculate_subtotal();" id = "quantity"/>
<input type = "text" onChange ="calculate_subtotal();" id = "unit"/>
<input type = "text" id = "subtotal"/>

var i = [NaN, 1,2,3]; var j = i.map(i =>{返回isNaN(i) ?0: i}); console.log (j)