如果不在JavaScript中使用parseFloat,则无法正确添加两个数字

Question

我遇到了这个问题.它使用parseFloat或parseInt添加数字.IF textbox1值为4,textbox2值为2,然后输出为(参见脚本)

我怀疑是为什么另外一个人

parseFloat($('#txt1').val()) + parseFloat($('#txt2').val())

给出正确的价值但是

parseFloat($('#txt1').val() + $('#txt2').val())

没有给出正确的价值而

• parseFloat($('#txt1').val() - $('#txt2').val()),
• parseFloat($('#txt1').val() / $('#txt2').val()),
• parseFloat($('#txt1').val() * $('#txt2').val())

正在给予正确的价值.它很简单,但我找不到解决方案.

=====的jQuery

   function Calculate() {                                              //--> Output
     $('#lbl1').html(parseFloat($('#txt1').val() + $('#txt2').val())); //--> 42
     $('#lbl2').html(parseFloat($('#txt1').val()) + parseFloat($('#txt2').val())); //--> 6
     $('#lbl3').html(parseFloat(4 + 2));                               //--> 6

     $('#lbl4').html(parseFloat($('#txt1').val() - $('#txt2').val())); //--> 2
     $('#lbl5').html(parseFloat($('#txt1').val() * $('#txt2').val())); //--> 8
     $('#lbl6').html(parseFloat($('#txt1').val() / $('#txt2').val())); //--> 2
  }

===== HTML

<table>
        <tr>
            <td>
                <input type="text" id="txt1" />
            </td>
            <td>
                <input type="text" id="txt2" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" value="Calculate"  onclick="Calculate()" />
            </td>
            <td>
                <label id="lbl1">
                </label>
                |
                <label id="lbl2">
                </label>
                |
                <label id="lbl3">
                </label>
                |
                <label id="lbl4">
                </label>
                |
                <label id="lbl5">
                </label>
                |
                <label id="lbl6">
                </label>
            </td>
        </tr>
    </table>

Answer 1

$.val() 返回一个字符串值.

因此,在您的第一个示例中,您将两个返回的字符串转换为数字,并且计算正常.

如果你使用parseFloat($('#txt1').val() + $('#txt2').val())了+不工作的算术运算符,但作为一个字符串连接.因此,您连接两个字符串并在之后转换它们,这会产生错误的结果.

使用的示例-将起作用,因为没有使用字符串操作-,因此所有值在应用操作之前被隐式转换为数字.