微信小程序踩坑记录——praseInt的使用

今天在对数值大小进行判断时一直出现不符合逻辑的错误。
具体情况是对 AppData 中的数据进行加值之后再进行比较

if(that.data.index + 1 < zc[0] || that.data.index + 1 > zc[1])//对zc的值进行边界比较

在使用过程中偶尔会报错，百思不得其解，后逐级分析复现问题

若zc[0]=1,zc[1]=15,that.data.index=5
则逻辑上的情况为：(5+1 <1 || 5+1>15),判断结果显然为 False

但实际中一直判断结果为 True
通过打印log发现，在计算过程中小程序将 that.data.index 的值当作了文本去加值，即原本应为5+1=6的计算式变成了‘5’+‘1’=‘51‘，然后又将’51‘当作了数字去与zc[0]和zc[1]比较，从而引发逻辑错误。

解决方法为使用praseInt函数强制将that.data.index当作数字去处理

parseInt(string, radix)函数可解析一个字符串，并返回一个整数。
当参数 radix 的值为 0，或没有设置该参数时，parseInt() 会根据 string 来判断数字的基数。
当忽略参数 radix , JavaScript 默认数字的基数如下:
如果 string 以 “0x” 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数。
如果 string 以 0 开头，那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。
如果 string 以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数

因此，修改后的代码为：

if (parseInt(that.data.index) + 1 < parseInt(zc[0]) || parseInt(that.data.index) + 1 > parseInt(zc[1]))

问题解决