小程序中转换类型后相加还是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

おすすめ

転載: blog.csdn.net/weixin_43663349/article/details/116433837