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

Question

我需要javascript将5添加到整数变量，但是它将变量视为字符串，因此它写出变量，然后在“字符串”的末尾添加5。我怎么能强迫它做数学呢？

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

输出：55

我如何强制它输出10？

Answer 1

你有这条线

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

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

将它转换为int将行更改为：

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

注意：这里的10指定十进制（基数为10）。没有这个，一些浏览器可能无法正确解释字符串。见MDN：parseInt。

Answer 2

最简单的：

dots = dots*1+5;

点将转换为数字。

Answer 3

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

Answer 4

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

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

例：

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

x === 15

我发现这是最简单的方法

在这种情况下，行：

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

可以改为

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

迫使它成为一个数字

注意：

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

Answer 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

注意：10中的parseInt(number, 10)指定十进制（基数为10）。没有这个，一些浏览器可能无法正确解释字符串。见MDN：parseInt。

Answer 6

这也适合你：

dots -= -5;

Answer 7

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

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

Answer 8

它真的很简单

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

这迫使javascript成倍增加，因为javascript中的*符号没有混淆。

Answer 9

这是最后一次投票的最新消息....

我只看到了那部分

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;