Vue数据类型转换/toFixed函数使用的错误

本文探讨了在JavaScript中由于将数字转换为字符串并使用toFixed()函数导致的类型错误。作者指出,toFixed()返回的是字符串,这与预期的Number类型冲突。解决方法包括使用Number()函数或其他类型转换函数,确保数据类型的正确匹配。此外,还提供了JavaScript中的基本类型转换函数,如parseInt、parseFloat和Boolean等。
摘要由CSDN通过智能技术生成

报错图

在这里插入图片描述

场景

在这里插入图片描述

原因

这个报错说的是我的变量goodPrice本身期望是个Number类型的,但是实际上是一个字符串类型的,所以报错了。
而仔细检查后台代码
在这里插入图片描述
错误就在这里。
我为了让商品总金额显示时保留2位小数,使用了toFixed()函数,而toFix()函数的返回值是String类型,所以类型不匹配报错。

解决

使用转换函数等进行解决类型问题
在这里插入图片描述
附上函数

1. 转换函数

/*整数*/parseInt(string)

/*分数*/parseFloat(string)

/*Number*/Number(val)

保留几位小数在方法后面加.toFixed(),比如去分数保留2位小数parseFloat(string).toFixed(2)2. 强制类型转换  

Boolean(value)——把给定的值转换成Boolean型 

Number(value)——把给定的值转换成数字(可以是整数或浮点数) 

String(value)——把给定的值转换成字符串

作者:rightmost
链接:https://www.jianshu.com/p/10b3efa41b42
来源:简书
这是原链接!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值