前言
对接接口中遇到需求,后端返回的数据是字符串,前台使用需用数字,数据类型对接不上。比如后端返回单价和数量,页面中想成则出现NaN问题,数据类型对应不上。
实现
使用parseInt() 、 parseFloat()函数
PS:若确定是整型,则用 parseInt(),若不确定就是用 parseFloat()
具体演示代码
1、parseInt( ) 示例
// parseInt() 示例
parseInt('1234abcd'); // return 1234
parseInt("0xA"); // return 10
parseInt("11.4"); // return 11
parseInt("apple"); // return NaN
2、parseFloat( ) 示例
//parseFloat() 示例
parseFloat("1234abcd"); // return 1234
parseFloat("0xA"); // return 0
parseFloat("11.5"); // return 11.5
parseFloat("11.35.5"); // return 11.35
parseFloat("0908"); // return 908
parseFloat("apple"); // return NaN
3、页面内使用
<view>
{{parseFloat(data.count) * parseFloat(data.price == ''? 1 * data.price)}}
</view>