关于JS中的数值转换

  在我们做网站的过程中,我们经常会用到数值转换,比如购物车中的商品价格加和,今天我就总结一下我们常用的数值转换。
  在JS中,有三个函数可以实现非数值转化为数值,分别是Number() 、parseInt()、parseFloat()。
  Number()函数可以用于转换任何数据类型。而parseInt()、和parseFloat()是专门用于字符串转换为数值的。所以这三个函数会出现相同的输入得到不同的输出结果。
  首先,说说Number()函数,Number()函数在转换时会遵循一系列规则:

  1. 如果是布尔值,true和flase将转换为1和0;
  2. 如果是数字值,只是简单的传入和返回。
  3. 如果是null值,返回0。
  4. 如果是undefined,返回NaN。
  5. 如果是字符串,则是这样的规则 :
      当字符串中只包含数字(整型或浮点型)时,包括前面带正负号的情况,会将其转换为十进制数值,例如“142”.“12.5”会转换为142和12.5,“014”和“021.2”会转换为14和21.2,前面的零会忽略;当字符串中包含有效的十六进制的格式,则会将其转换为相同大小的十进制整数值;当字符串是空的时候,即不包含任何字符时,会转换为0;除了上述格式之外的字符,都会转换为NaN。

  还有值得注意的一点就是一元加操作符的操作与Number()函数相同。
  其实,我们更常用的是parseInt()函数,因为Number()函数在转换过程中挺复杂而且有些地方不太合理。
  parseInt()函数在转换时会忽略字符串前面的空格,直到找到第一个非空格字符,如果这个字符不是数字或者负号,则会返回NaN;如果是,则继续解析第二个直到最后一个非数字字符。举两个例子:

 var num1=parseInt("1254dhfs");     //1254
 var num1=parseInt("1254d23fs");     //1254
 var num2=parseInt("12.5");         //12

第一个和第二个例子中,会转换为1254,因为后面的字符不是数字字符。第三个例子中,会转换为12,因为“ . ”是非数字字符。如果想让浮点型数字全部转换,应该用parseFloat();后面我们再说。
  parseInt()函数能狗识别各种进制格式的字符串,但必须是以数字开头的。如下例子:

 var s1=parseInt("070");  //56(八进制)
 var s2=paeseInt("10");   //10(十进制)
 var s3=parseInt("0xf");  //15(十六进制)

但是在ECMAScript 3 JavaScript引擎中,“070”是视为八进制字面量,转换后为56;但是在ECMAScript 5 JavaScript引擎中却已经不具有解析八进制的能力,所以前面的0被看为无效,最后结果是70。不过,parseInt()函数提供了第二个参数,用来注明是哪一个进制的值。如下例子:

 var s1=parseInt("070",8);   //56
 var s2=parseInt("AF",16);   //175
 var s2=parseInt("AF");       //NaN

  parseFloat()函数与parseInt()函数类似,但是parseFloat()函数解析时,第一个小数点是有效的,第二个之后的小数点则无效,最重要的是parseFloat()函数只用于解析十进制整数格式,所以不会识别八进制和十六进制的0.会只转换这个0,而且也没有第二个参数来指定进制。值得注意的是,parseFloat()函数会在没有小数点或者小数点后都是0的情况下返回整数。例子如下:

 var s1=parseFloat("22.2.5");  //22.2
 var s2=parseFloat("0245.5");  //245.5
 var s3=parseFloat("2.000");   //2
 var s4=parseFloat("2.0050");  //2.005
 var s5=parseFloat("3.125e7"); //31250000
 var s4=parseFloat("0xA");      //0

                                          参考自《JavaScipt高级程序设计》

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值