javascript - 如果一个或两个可能没有值，我如何添加 3 个变量？

Question

我有 3 个变量，它们来自表单输入 (type="text")。每个输入可能由用户输入，也可能不由用户输入。如果变量输入了任何值，我只想将它们加在一起。问题是如果它们中的任何一个在我返回 NaN 的表单中留空。

我真的很喜欢弄清楚这些事情，但我无法用谷歌搜索我的问题，我很高兴只是被告知要用谷歌什么来解决这个问题。

function extrasCalc() {
    var grub = 0;
    var lime = 0;
    var aerseed = 0;

    grub = parseInt(document.getElementById("grubprice").value);
    lime = parseInt(document.getElementById("limeprice").value);
    aerseed = parseInt(document.getElementById("aerseedprice").value);
    var extrasSubtotal = grub + lime + aerseed;

    document.getElementById("sub").value = extrasSubtotal;

    console.log(grub);
    console.log(lime);
    console.log(aerseed);
    console.log(extrasSubtotal);
}

如果只有 1 或 2 个变量有值，我希望对它们求和。到目前为止，所有 3 个都必须有一个值才能使函数起作用。

Answer 1

您可以通过这种方式确保值有效:

function extrasCalc() {    
    var grub = +document.getElementById("grubprice").value || 0;
    var lime = +document.getElementById("limeprice").value || 0;
    var aerseed = +document.getElementById("aerseedprice").value || 0;

    var extrasSubtotal = grub + lime + aerseed;

    document.getElementById("sub").value = extrasSubtotal;

    console.log(grub);
    console.log(lime);
    console.log(aerseed);
    console.log(extrasSubtotal);
}

基本上 grub、lime 和 aerseed 被分配 0，如果它们对应的表达式计算为 “虚假” 值。

作为奖励，您可以将 parseInt 替换为 + 前缀，它可以完成相同的工作并且更简洁。