如何将两个字符串相加，就好像它们是数字一样?

我有两个字符串，其中只包含数字:

var num1 = '20',
num2 = '30.5';

我本以为我可以把它们加在一起，但它们却被连接起来:

num1 + num2; // = '2030.5'

我如何才能迫使这些字符串被视为数字?

262071 次浏览
小开

MDN docs for parseInt
用于parseFloat的MDN文档 < / p >

在parseInt中，基数被指定为10，所以我们以10为基数。在非严格javascript中，前缀为0的数字被视为八进制。这显然会引起问题!

parseInt(num1, 10) + parseInt(num2, 10) //base10
parseFloat(num1) + parseFloat(num2)

也请参阅ChaosPandion的答案，以获得使用一元运算符的有用快捷方式。我设置了一个小提琴来展示不同的行为。

http://jsfiddle.net/EtX6G/ < a href = " http://jsfiddle.net/EtX6G/ " > < / >

var ten = '10';
var zero_ten = '010';
var one = '1';
var body = document.getElementsByTagName('body')[0];


Append(parseInt(ten) + parseInt(one));
Append(parseInt(zero_ten) + parseInt(one));
Append(+ten + +one);
Append(+zero_ten + +one);


function Append(text) {
body.appendChild(document.createTextNode(text));
body.appendChild(document.createElement('br'));
}
小开

用parseFloat(string)将字符串转换为floats或用parseInt(string)将字符串转换为integers

小开
最佳答案

我会先用一元加号运算符把它们转换成数字。

+num1 + +num2;
小开

可以使用parseInt将字符串解析为数字。为了安全起见，始终传递10作为以10为基数解析的第二个参数。

num1 = parseInt(num1, 10);
num2 = parseInt(num2, 10);
alert(num1 + num2);
小开

使用parseFloat方法将字符串解析为浮点数:

parseFloat(num1) + parseFloat(num2)
小开

试一试

var x = parseFloat(num1) + parseFloat(num2) ;

或者，根据你的需要:

var x = parseInt(num1) + parseInt(num2) ;

http://www.javascripter.net/faq/convert2.htm

你可能会想拿起这本书Javascript:好的部分, Douglas Crockford。Javascript有一个相当大的陷阱集合!这本书对澄清这些问题大有帮助。另请参阅

和Crockford先生的优秀文章，Javascript:世界上最被误解的编程语言。

小开

我建议使用一元加运算符，强制将最终字符串作为数字处理，在圆括号内，使代码更具可读性，如下所示:

(+varname)

所以，在你的例子中是:

var num1 = '20',
num2 = '30.5';


var sum = (+num1) + (+num2);


// Just to test it
console.log( sum ); // 50.5
小开 
var result = Number(num1) + Number(num2);
小开

如果您正在寻找简单的Javascript代码，并希望使用两个输入框并从两个值中添加数字，请尝试此方法。这是代码。

    Enter the first number: <input type="text" id="num1" /><br />
Enter the seccond number: <input type="text" id="num2" /><br />
<input type="button" onclick="call()" value="Add"/>


<script type="text/javascript">
function call(){
var q=parseInt(document.getElementById("num1").value);
var w=parseInt(document.getElementById("num2").value);
var result=q+w;
}
</script>

更多详情请访问http://informativejavascript.blogspot.nl/2012/12/javascript-basics.html

小开

确保你的最终答案四舍五入小于16位小数浮点作为java脚本是错误的。

例如< p > 5 - 7.6 = -2.5999999999999996

小开

你可以用它来加数字:

var x = +num1 + +num2;
小开

我总是减去0。

num1-0 + num2-0;

假定一元操作符方法少了一个字符，但并不是每个人都知道一元操作符是什么，或者当他们不知道它被称为什么的时候如何谷歌来找出它。

小开

我在我的项目中使用了这个。我使用+符号处理字符串作为一个数字(在with_interest变量)

<script>
function computeLoan(){
var amount = document.getElementById('amount').value;
var interest_rate = document.getElementById('interest_rate').value;
var days = document.getElementById('days').value;
var interest = (amount * (interest_rate * .01)) / days;
var payment = ((amount / days) + interest).toFixed(2);
var with_interest = (amount * (interest_rate * .01));
var with_interesst = (+amount * (interest_rate * .01)) + (+amount);
payment = payment.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
document.getElementById('payment').innerHTML = "Target Daily = PHP"+payment;
document.getElementById('with_interesst').innerHTML = "Amount w/Interest =   PHP"+with_interesst;
}
</script>


<div name="printchatbox" id="printchatbox">
<form id="Calculate" class="form-horizontal">
<h2>You Can Use This Calculator Before Submit </h2>
<p>Loan Amount: PHP<input id="amount" type="number" min="1" max="1000000"  onchange="computeLoan()"></p>
<p>Interest Rate: <input id="interest_rate" type="number" min="0" max="100" value="10" step=".1" onchange="computeLoan()">%</p>
<p>Term<select id="days" type="number" min="1" max="72" step=".1" onchange="computeLoan()">
<option value="40">40 Days</option>
<option value="50">50 Days</option>
<option value="60">60 Days</option>
<option value="70">70 Days</option>
<option value="80">80 Days</option>
<option value="90">90 Days</option>
<option value="100">100 Days</option>
<option value="120">120 Days</option>
</select>
</p>
<h2 id="payment"></h2>
<h2 id ="with_interesst"></h2>
</form>
</div>

希望能有所帮助

小开

你可以这样用:

var num1 = '20',
num2 = '30.5';


alert((num1*1) + (num2*1)); //result 50.5

当在num1中应用*1时，将字符串转换为数字。

如果num1包含字母或逗号，则返回NaN乘以1

如果num1为空，num1返回0

亲切的问候! !

小开

如果你想将数字作为字符串执行操作(就像在数字大于64位的情况下)，你可以使用大整数库。

const bigInt = require('big-integer')
bigInt("999").add("1").toString() // output: "1000"
小开

如果你需要把两个非常大的字符串加在一起，你需要在每个字符串位置计算加法:

function addStrings(str1, str2){
str1a = str1.split('').reverse();
str2a = str2.split('').reverse();
let output = '';
let longer = Math.max(str1.length, str2.length);
let carry = false;
for (let i = 0; i < longer; i++) {
let result
if (str1a[i] && str2a[i]) {
result = parseInt(str1a[i]) + parseInt(str2a[i]);


} else if (str1a[i] && !str2a[i]) {
result = parseInt(str1a[i]);


} else if (!str1a[i] && str2a[i]) {
result = parseInt(str2a[i]);
}


if (carry) {
result += 1;
carry = false;
}
if(result >= 10) {
carry = true;
output += result.toString()[1];
}else {
output += result.toString();
}
}
output = output.split('').reverse().join('');


if(carry) {
output = '1' + output;
}
return output;
}
小开 
function sum(){
var x,y,z;
x = Number(document.getElementById("input1").value);
y = Number(document.getElementById("input2").value);
z = x + y;
document.getElementById("result").innerHTML = z ;
}
小开

在这里，你有两个选择:-

1.您可以使用一元加号将字符串数字转换为整数。

2.您还可以通过将数字解析为相应的类型来实现这一点。即parseInt()， parseFloat()等

．

现在我将在这里通过例子向你们展示(求两个数字的和)。

使用一元加运算符

<!DOCTYPE html>
<html>
<body>


<H1>Program for sum of two numbers.</H1>
<p id="myId"></p>
<script>
var x = prompt("Please enter the first number.");//prompt will always return string value
var y = prompt("Please enter the second nubmer.");
var z = +x + +y;
document.getElementById("myId").innerHTML ="Sum of "+x+" and "+y+" is "+z;
</script>
</body>
</html>

〇使用解析方法

<!DOCTYPE html>
<html>
<body>


<H1>Program for sum of two numbers.</H1>
<p id="myId"></p>
<script>
var x = prompt("Please enter the first number.");
var y = prompt("Please enter the second number.");
var z = parseInt(x) + parseInt(y);
document.getElementById("myId").innerHTML ="Sum of "+x+" and "+y+" is "+z;
</script>
</body>
</html>
小开

@cr05s19xx对重复问题的建议:

当涉及到数字和加法时，JavaScript有点有趣。

给出以下内容

'20' - '30' = 10;//返回数字10 '20' + '30' = '2030';//以字符串形式返回 从document返回的值。getElementById是字符串，所以最好在进行加法或减法之前将它们全部(即使是有效的)解析为数字。你的代码可以是:

function myFunction() {
var per = parseInt(document.getElementById('input1').value);
var num = parseInt(document.getElementById('input2').value);
var sum = (num / 100) * per;
var output = num - sum;


console.log(output);


document.getElementById('demo').innerHTML = output;
}


function myFunction2() {
var per = parseInt(document.getElementById('input3').value);
var num = parseInt(document.getElementById('input4').value);
var sum = (num / 100) * per;
var output = sum + num;


console.log(output);


document.getElementById('demo1').innerHTML = output;
}
小开 
document.getElementById(currentInputChoosen).value -= +-100;

在我的情况下，如果你遇到了和我一样的问题，却找不到解决方案，找到了这个SO问题。

抱歉有点跑题了，但我刚刚发现这是有效的，我想它可能值得分享。

不知道这是一个肮脏的变通办法，还是真的合法。


提交答案