今天在对接接口的时候,后端返回的数据有单价有数量,但是在页面相乘是出现了NaN, 数据类型对不上。
两个字符串类型的数字在页面中如何快速计算
两个方法
- parseInt()
- parseFloat()
如果确定是整型的话就用parseInt,不确定就用parseFloat。
//parseInt 例子:
parseInt("1234blue"); // returns 1234
parseInt("0xA"); //returns 10
parseInt("22.5"); //returns 22
parseInt("blue"); //returns NaN
//parseFloat 例子:
parseFloat("1234blue"); //returns 1234
parseFloat("0xA"); //returns 0
parseFloat("22.5"); //returns 22.5
parseFloat("22.34.5"); //returns 22.34
parseFloat("0908"); //returns 908
parseFloat("blue"); //returns NaN
在页面上我们可以直接:
还可以利用三元运算符来进行判断,very nice!!!
{{ parseFloat(item.count) * parseFloat(item.unitPrice == "" ? 1 : item.unitPrice)}}