JQuery里的数字问题

在接触到jq后上手写的第一个案例就是和数字有关的电商网站购物车,一开始还是老套路,取值,计算,赋值,但是写完一运行,wtf?这是哪的值?这小数点后一串的9是怎么回事?所以在解决完此类问题后现在来说说jq里会遇见的那些常见的数字与数学问题。

1.加法运算总是凉凉:

加法运算本应该是最简单的算法了,但是在jq里加法给了本小白一个巨大的打击,话不多说,上例子:

JQuery里的数字问题JQuery里的数字问题

很显然,在代码执行的过程中,这个加号充当了连接符的作用,所以在jq里无法直接对获取到的数据进行加法运算,首先应该要把它转化成值类型,可这个方法太麻烦,于是我找到了更为简单的方法:举个栗子

JQuery里的数字问题JQuery里的数字问题

这种先乘1在相加的做法可以说是很取巧了。但也得承认,这个方法不仅很好用,还不容易出错,不必考虑取完整后没小数的问题。先乘1再相加法get

2.数据运算后长长长长长长长长长的小数位

在把写完的代码自信的扔给基友去调试的五秒后,“你写的什么玩意,你家33.4*3等于那么一长串,厉害呀”,???来我们上图情景再现一下:

JQuery里的数字问题JQuery里的数字问题

你就说这样的结果头大不头大,我也牢牢记得jq里的数据运算是不严谨的,却不曾想到原来是这样的不严谨

那么出问题了就得解决啊,我开始求学好问,“你取整就好了呀”,???取完整我的小数位?咦,小学里有过保留小数位的操作,jq里应该也是有的吧,是的,是有的:num.toFixed(x),x就是要保留的位数,再来个栗子:

JQuery里的数字问题JQuery里的数字问题


其实对于大牛以及接触jq时间很长的人来说,这些问题都很傻,但是小白在刚开始学习时,有很多语法都是在调试bug中才学习到的,所以啊,犯错误不仅不可怕,还是很好的学习途径。
好好学习天天向上