小程序中转换类型后相加还是string类型

  • 我的需求:num转换成number类型后和result相加得到数字类型的5
  • 代码及错误分析:
data: {
    num:"2"
  },
  let result=3
Number(this.data.num)
this.result=this.result+this.data.num

我以为this.result=this.result+this.data.num这段代码执行的是this.result=2+3结果输出的是23
1.我猜想可能
Number(this.data.num)没有转换类型成功
通过console.log(typeof(Number(this.data.num)))检验转换成功
2.接下来我再检验了console.log(typeof(this.data.num))发现为字符串类型
3.找到原因:将this.data.num转换为number后,this.data.num还是没有改变,因为小程序data里面的数据更新要通过 this.setData()方法,没有更新直接相加还是,字符串和数字的相加

  • 解决方法
  1. 方法一:执行相加的时候直接转换(推荐:代码比较简洁)
    this.result=this.result+ Number(this.data.num)
  2. 方法二:转换后更新再相加
 this.setData({num:Number(this.data.num)})
 this.result=this.result+ this.data.num
  1. 方法三:转换后赋值给新的变量再相加
let newNum=Number(this.data.num)
this.result=this.result+ newNum
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值