js 数字相减问题

JavaScript010

js 数字相减问题,第1张

id属性是具有唯一性的,也就是说同一个网页不允许有多个元素具有相同的id(id的意思就是身份证,你觉得身份证号码有可能重号吗?),否则的话只有第一个元素的id才有效。如果你想让多个元素具有相同的名字,可以使用name属性(现实生活中姓名相同是允许的)。

另外你的算法本身有问题,比方说你在值1先输入1,触发KeyUp事件,总值-1,然后在值1再输入0,会再次触发KeyUp事件,总值再-10,也就是说实际减了11,而不是你希望的10!下面是一种解决办法(也许不是最佳的):

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript">

window.onload=function(){

   var left=document.getElementById("left")

   var lv=0

   left.oninput=function(){

      if(!isNaN(this.value))lv=Number(this.value)

   }

   var rights=document.getElementsByName("right")

   for(var i=0i<rights.lengthi++){

      rights[i].oninput=function(){

         for(var j=0,s=0j<rights.lengthj++){

            if(!isNaN(rights[j].value))s+=Number(rights[j].value)

         }

         left.value=lv-s

      }

   }

}

</script>

</head>

<body>

<span id="message" style="color:red"></span>

<br> 总值: <input type="text" id="left"/>

<br>

<br> 值1: <input type="text" name="right"/>

<br> 值2: <input type="text" name="right"/>

<br> 值3: <input type="text" name="right"/>

<br> 值4: <input type="text" name="right"/>

<br> 值5: <input type="text" name="right"/>

<br>

</body>

</html>

这个代码还解决了当你在值1、值2...中取消输入时,总值自动恢复原值的问题。

补充说明:测试文本框输入的是否为合法数字时,不需要用正则去测试,只需用js原生的函数isNaN()即可

一直知道js的浮点数计算是不精确的, 0.1 + 0.2 !== 0.3,但是也就知道而已,解决方法却不怎么注意,所以刚做一个项目,尽管了解浮点数精度不精确的问题,但是还是掉坑里了。在此再次默默告诉自己要警惕,端正心态,不可掉以轻心!!!所以下面就分享一些加减乘除的方法。

原理: 把数字转换成字符串,然后从小数点部分切割成两部分,分别算出两个因数的小数点右边的长度,然后用两个因数的小数点右边长度最大的数再乘以10,相当于两个都放大了n倍,然后相加,然后缩小n倍。

注意,这里的放大用了乘法times函数(下面介绍),因为浮点数直接乘以100有可能出现精度不够的情况,如下图

原理和加法一样,放大n倍后相减再缩小n倍

乘法原理稍微变点,放大倍数n是 ‘两个小数点后面长度之和’ 而不是 ‘两个小数点后面长度这两者之间的最大值’

除法原理和乘法一样

这也是一个坑,比如你要保留两位小数,四舍五入的话就要看小数点第三位后面的数字来决定,如2.445四舍五入后就是2.45; 2.444四舍五入就是2.44;做这个需求的时候,我第一反应是Math.toFixed(2),结果是bug百出啊,这里就不举例了,有兴趣可以自己尝试。然后我是怎么解决的呢?百度了一下,也是得到一些半成品不严谨的函数,原理也很简单,先放大倍数,然后利用Math.round()取整

以上加减乘除方法基本满足一般业务需求了,尤其是电商。但是如果数字计算时超出了 2的1024次方减1 ,也就是 9007199254740992 这个数字的话就不适合了,因为从 2^1024 开始就变成了 Infinity。

用SQL直接减不就好了。

JS的话

var ship_qty = 1

var quality_qty = 0

var x = ship_qty - quality_qty

这样就行了呀。

把拿到的值放到变量ship_qty和quality_qty里。