js 数据类型转换

前几天写微信小程序支付这一块遇到点问题,最后解决发现是js数据类型转换的原因:

这是后台传来的数据

 info: {
        explain: "提现至微信账户，1-5个工作日到账",
        minAmount: 100, //最低提现金额
        ecacshStatus: 0, //0可提现，1提现中，2不可提现
        balance: "1.00"
      },

这是用户需要输入提现的金额

   input.inputClass(type="digit" :value="amount" @input="inputAmount")

点击提交做判断时出了问题:

 if (this.amount > this.info.balance) {
        wx.showModal({
          title: "提示",
          content: "余额不足",
          showCancel: false,
          confirmText: "确定"
        });
      }

假设this.info.balance="30"元,用户输入的值拿到后为"5"(this.amount = "5"),两个数作比较,这时if (this.amount > this.info.balance) 的结果为true... 所以就一直显示余额不足,最后找到问题原因,发现输入框里拿到的值类型为String,后台传来的值类型也是String,两个字符串做比较时,只比较第一位的大小,也就是30元只比较第一位,(字符串'5' > 字符串'3'),

好吧,对于这种了解过但是很少遇到的实战问题,基础知识,这种错误确实不应该再犯了,所以今天做个笔记时刻提醒自己

首先不知道数据类型的情况下,先检测数值的数据类型

typeof "John"                 // 返回 string
typeof 3.14                   // 返回 number
typeof NaN                    // 返回 number
typeof false                  // 返回 boolean
typeof [1,2,3,4]              // 返回 object
typeof {name:'John', age:34}  // 返回 object
typeof new Date()             // 返回 object
typeof function () {}         // 返回 function
typeof myCar                  // 返回 undefined (如果 myCar 没有声明)
typeof null                   // 返回 object

JavaScript 类型转换

(1) String() 可以将数字转换为字符串。

该方法可用于任何类型的数字，字母，变量，表达式：

var x = 123;
String(x)   //123      // 将变量 x 转换为字符串并返回
String(123) //123       // 将数字 123 转换为字符串并返回
String(100 + 23) //123  // 将数字表达式转换为字符串并返回

(2) 将字符串转换为数字

第一种

字符串包含数字(如 "3.14") 转换为数字 (如 3.14).
空字符串转换为 0。
其他的字符串会转换为 NaN (不是个数字)。

Number("3.14")    // 返回 3.14
Number(" ")       // 返回 0
Number("")        // 返回 0
Number("99 88")   // 返回 NaN

在 Number 方法章节中，你可以查看到更多关于字符串转为数字的方法：

其他方法:

parseFloat() 解析一个字符串，并返回一个浮点数:

<script>

document.write(parseFloat("10") + "<br>");
document.write(parseFloat("10.33") + "<br>");
document.write(parseFloat("34 45 66") + "<br>");
document.write(parseFloat(" 60 ") + "<br>");
document.write(parseFloat("40 years") + "<br>");
document.write(parseFloat("He was 40") + "<br>");

</script>
以上实例输出结果:
10
10.33
34
60
40
NaN

parseInt() 解析一个字符串，并返回一个整数:

radix 代表进制数

parseInt("10");         //返回 10
parseInt("19",10);      //返回 19 (10+9)
parseInt("11",2);       //返回 3 (2+1)
parseInt("17",8);       //返回 15 (8+7)
parseInt("1f",16);      //返回 31 (16+15)
parseInt("010");        //未定：返回 10 或 8

Number 对象方法

toFixed()

方法可把 Number 四舍五入为指定小数位数的数字。

var num = 5.56789;
var n=num.toFixed(2);
n 输出结果:
5.57


将一个数字，不留任何小数：
var num = 5.56789;
var n=num.toFixed();
n 输出结果:
6

toPrecision() 方法

把数字格式化为指定的长度:

var num = new Number(13.3714);
var n=num.toPrecision(2);
n 输出结果:
13


使用不同进制把数字格式化为指定的长度:

var num = new Number(13.3714);
var a = num.toPrecision();
var b = num.toPrecision(2);
var c = num.toPrecision(3);
var d = num.toPrecision(10);
a,b,c, 和 d 输出结果:
13.3714
13
13.4
13.37140000

toString() 方法

把数字转换为字符串：

var num = 15;
var n = num.toString();
n 输出结果:
15


在本例中，我们使用不同进制把一个数字转换为字符串：

var num = 15;
var a = num.toString();
var b = num.toString(2);
var c = num.toString(8);
var d = num.toString(16);
a,b,c, 和 d 输出结果:

15
1111
17
f