请问JavaScript中如何处理数字和字符串相乘的情况？

JavaScript011

请问JavaScript中如何处理数字和字符串相乘的情况？,第1张

首先要知道数字和字符串是不能相乘的，如：var m = 3var n = “b”console.log(m * n) //这里相等的结果是NaN，表示得到的不是一个数值(Not a Number)但我们可以将数值字符串转换后进行相乘或其它算术运算。如：var a = “2”var b = 3var num = Number(a) //将字符串转换成数值if ( isNaN( num)) {//转换可能失败，如a不是数字值的情况。console.log('a非数字值')} else { //转换成功就可以进行算术运算了。console.log(a*b)}简单说，要让数字和字符串相乘，就用Number函数将字符串转换成数值，然后再执行运算。这些都是比较基础的知识，建议你可以在秒秒学的JavaScript课程上夯实下基础。

用onkeyup效果能好点吧 一下

---------------

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=GB18030">

<title>Insert title here</title>

</head>

<script type="text/javascript">

function account()

{

var a=document.all.a.value

var b=document.all.b.value

var c=a*b

document.all.c.value=c

}

</script>

<body>

单价：<input id="a" type="text" value="60">

数量：<input id="b" type="text" onkeyup="account()">

总和 <input id="c" type="text">

<input type="button" onclick="account()" value="计算">

</body>

</html>

问题：

37.5*5.5=206.08 (JS算出来是这样的一个结果，我四舍五入取两位小数)

我先怀疑是四舍五入的问题，就直接用JS算了一个结果为：206.08499999999998

怎么会这样，两个只有一位小数的数字相乘，怎么可能多出这么小数点出来。

我Google了一下，发现原来这是JavaScript浮点运算的一个bug。

比如：7*0.8 JavaScript算出来就是：5.6000000000000005

解决方法：网上找到了一些解决办法，就是重新写了一些浮点运算的函数。

下面就把这些方法摘录下来，以供遇到同样问题的朋友参考：

程序代码

//除法函数，用来得到精确的除法结果

//说明：javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。

//调用：accDiv(arg1,arg2)

//返回值：arg1除以arg2的精确结果

function accDiv(arg1,arg2){

var t1=0,t2=0,r1,r2

try{t1=arg1.toString().split(".")[1].length}catch(e){}

try{t2=arg2.toString().split(".")[1].length}catch(e){}

with(Math){

r1=Number(arg1.toString().replace(".",""))

r2=Number(arg2.toString().replace(".",""))

return (r1/r2)*pow(10,t2-t1)

}

}

//给Number类型增加一个div方法，调用起来更加方便。

Number.prototype.div = function (arg){

return accDiv(this, arg)

}

//乘法函数，用来得到精确的乘法结果

//说明：javascript的乘法结果会有误差，在两个浮点数相乘的时候会比较明显。这个函数返回较为精确的乘法结果。

//调用：accMul(arg1,arg2)

//返回值：arg1乘以arg2的精确结果

function accMul(arg1,arg2)

{

var m=0,s1=arg1.toString(),s2=arg2.toString()

try{m+=s1.split(".")[1].length}catch(e){}

try{m+=s2.split(".")[1].length}catch(e){}

return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m)

}

//给Number类型增加一个mul方法，调用起来更加方便。

Number.prototype.mul = function (arg){

return accMul(arg, this)

}

//加法函数，用来得到精确的加法结果

//说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。

//调用：accAdd(arg1,arg2)

//返回值：arg1加上arg2的精确结果

function accAdd(arg1,arg2){

var r1,r2,m

try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}

try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}

m=Math.pow(10,Math.max(r1,r2))

return (arg1*m+arg2*m)/m

}

//给Number类型增加一个add方法，调用起来更加方便。

Number.prototype.add = function (arg){

return accAdd(arg,this)

}

function Subtr(arg1,arg2){

var r1,r2,m,n

try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}

try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}

m=Math.pow(10,Math.max(r1,r2))

//last modify by deeka

//动态控制精度长度

n=(r1>=r2)?r1:r2

return ((arg1*m-arg2*m)/m).toFixed(n)

}