如何强制JS进行数学运算而不是将两个字符串放在一起

我需要用javascript将5加到一个整数变量中，但是它将变量视为一个字符串，所以它写出了该变量，然后将5加到“字符串”的末尾。我该如何强迫它进行数学运算呢？

var dots = document.getElementById("txt").value; // 5
function increase(){
    dots = dots + 5;
}

输出： 55

如何强制输出10？

你有线

dots = document.getElementById("txt").value;

在您的文件中，这会将点设置为字符串，因为txt的内容不限于数字。

将其转换为int，将行更改为：

dots = parseInt(document.getElementById("txt").value, 10);

注意：10此处指定小数点（以10为底）。否则，某些浏览器可能无法正确解释该字符串。参见MDN ：parseInt。

最简单的：

dots = dots*1+5;

点将转换为数字。

勿忘- parseFloat();如果要处理小数，请使用。

我要添加此答案，因为在这里看不到它。

一种方法是在值前放置一个“ +”字符

例：

var x = +'11.5' + +'3.5'

x === 15

我发现这是最简单的方法

在这种情况下，该行：

dots = document.getElementById("txt").value;

可以更改为

dots = +(document.getElementById("txt").value);

强迫它成一个数字

注意：

+'' === 0
+[] === 0
+[5] === 5
+['5'] === 5

parseInt() 应该可以

var number = "25";
var sum = parseInt(number, 10) + 10;
var pin = number + 10;

给你

sum == 35
pin == "2510"

http://www.w3schools.com/jsref/jsref_parseint.asp

注意：10in parseInt(number, 10)指定小数（以10为底）。否则，某些浏览器可能无法正确解释该字符串。参见MDN ：parseInt。

这也适用于您：

dots -= -5;

它真的很简单

var total = (1 * yourFirstVariablehere) + (1 * yourSecondVariablehere)

这会强制javascript倍增，因为* javascript不会混淆。

您可以在变量后面添加+，它将强制其为整数

var dots = 5
    function increase(){
        dots = +dots + 5;
    }

在针对我的特殊情况尝试了大多数答案之后，我想到了：

dots = -(-dots - 5);

+符号是使js感到困惑的地方，这完全消除了它们。如果易于混淆，易于实施。

自上次投票以来已更新。...

我只看到那部分

var dots = 5
function increase(){
    dots = dots+5;
}

之前，但后来向我展示了该txt框可以输入变量dots。因此，您需要确保“清除”输入，以确保输入仅包含整数，而不包含恶意代码。

一种简单的方法是使用onkeyup()事件分析文本框，以确保其具有数字字符：

<input size="40" id="txt" value="Write a character here!" onkeyup="GetChar (event);"/>

如果该值不是数字，则该事件将产生错误并清除最后一个字符：

<script type="text/javascript">
    function GetChar (event){
        var keyCode = ('which' in event) ? event.which : event.keyCode;
        var yourChar = String.fromCharCode();
        if (yourChar != "0" &&
            yourChar != "1" &&
            yourChar != "2" &&
            yourChar != "3" && 
            yourChar != "4" &&
            yourChar != "5" &&
            yourChar != "6" && 
            yourChar != "7" &&
            yourChar != "8" && 
            yourChar != "9")
        {
            alert ('The character was not a number');
            var source = event.target || event.srcElement;
            source.value = source.value.substring(0,source.value-2);
        }
    }
</script>

显然，您也可以使用正则表达式来做到这一点，但是我走了一条懒惰的路。

从那时起，您将知道框中只能有数字，您应该可以使用eval()：

dots = eval(dots) + 5;