为什么我的JavaScript程序没有将其转换为整数而不是字符串？

Question

我创建了一个简单的程序，需要在其中添加1和3并显示4，但显示13是我的程序：

<html>
    <head>
        <style>
        </style>
        <script type="text/javascript">
        function calculate(){

            a = document.getElementById('num1').value;
            b = document.getElementById('num2').value;
            document.getElementById('result').innerHTML = a + b;
        }
        </script>
    </head>
    <body>
        <input id='num1' value="1"/>
        <input id='num2' value='3'/>
        <p id='result'></p>
        <button onclick="calculate()">Calculate</button>
    </body>
</html>

现在我该怎么做？

Answer 1

您必须转换为整数。 查看此代码。

    function calculate(){

        a = parseInt(document.getElementById('num1').value, 10);
        b = parseInt(document.getElementById('num2').value, 10);
        document.getElementById('result').innerHTML = a + b;
    }

Answer 2

这是因为value属性返回String 。 您需要将其转换为Number 。

但是，通过使用+一元运算符，有一个快捷方式。 您也可以将字符串包装在Number例如Number(a) + Number(b) 。

a = +document.getElementById('num1').value;
b = +document.getElementById('num2').value;

Answer 3

尝试这样做：

document.getElementById('result').innerHTML =  parseInt(a) + parseInt(b);

原因是因为您a和b是字符串，您需要先转换然后转换为数字。

为什么我的JavaScript程序没有将其转换为整数而不是字符串？

问题描述

3 个解决方案

解决方案1
2 2015-04-05 15:20:24

解决方案2
2 已采纳 2015-04-05 15:21:02

解决方案3
1 2015-04-05 15:25:50

为什么我的JavaScript程序没有将其转换为整数而不是字符串？

问题描述

3 个解决方案

解决方案1 2 2015-04-05 15:20:24

解决方案2 2 已采纳 2015-04-05 15:21:02

解决方案3 1 2015-04-05 15:25:50

解决方案1
2 2015-04-05 15:20:24

解决方案2
2 已采纳 2015-04-05 15:21:02

解决方案3
1 2015-04-05 15:25:50