js两个数字求和？求高手留下

JavaScript018

js两个数字求和？求高手留下,第1张

求和就跟数学一样，直接相加就可以了啊。

我猜你的问题出在获取span的内容上，如果你直接用 a.innerHTML + b.innerHTML ，得到的不是21，而是1011。

原因并不是因为 js 中不能直接进行加法运算，而是因为数据类型导致。

要记住一点：所有通过标签获取到的内容，都是字符串。

也就是说，通过标签的， value, innerHTML 等得到的值，都是一个字符串值，而js中，用加号来对字符串进行求和，实际是做字符串连接。比如 '1' + '2' ，得到的是 '12'，而不是3. 因为加号左右都是字符串。在js 中，只要加号的任何一边的值是字符串，最终都是进行字符串连接，而不是求和。

想要实现求和，就需要把字符串变成数字，再使用加号，在js中，将字符串变成数字最简单的做法是乘以1，比如 '1'*1 + '2'*1 ，结果就是3了。这个属于JS的隐式类型转换，如果你学过这个知识点，自然知道是什么意思 ，如果还没学过，那就先知道这个技巧就行。

所以你上面的效果，要实现求和，只需要这样：

a.innerHTML * 1 + b.innerHTML * 1， 就可以实现求和啦。

这是JavaScript浮点运算的一个bug。解决的方法是自己写一个加法运算函数。

<script>

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

//说明：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)

}

var i=0.069

i=i.add(0.121).add(0.597).add(0.213)

document.getElementById("output").innerHTML=i

</script>

js数组求和的方法

vararray = [1,2,3,4,5]

varsum =0

1.for循环

for(leti =0i <array.lengthi++) {

        sum += array[i]

    }

2.forEach

array.forEach(ele=>{

        sum += ele

    })

3.归并方法reduce()和 reduceRight()

//这两个方法都会迭代数组的所有项，然后构建一个最终返回的值。其中， reduce()方法从数组的第一项开始，逐个遍历到最后。

//而 reduceRight()则从数组的最后一项开始，向前遍历到第一项 

varsum1 = array.reduce(function(prev, next, index, array){

returnprev + next

    })

varsum2 = array.reduceRight(function(last, before, index, array){

returnlast + before

    })

4.eval()

eval(array.join("+"))