关于JS中的数值转换

hankkin 发布于2019-08-21 17:00 / 650人阅读

摘要：在我们做网站的过程中，我们经常会用到数值转换，比如购物车中的商品价格加和，今天我就总结一下我们常用的数值转换。在中，有三个函数可以实现非数值转化为数值，分别是。而和是专门用于字符串转换为数值的。

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

如果是布尔值，true和flase将转换为1和0；

如果是数字值，只是简单的传入和返回。

如果是null值，返回0。

如果是undefined,返回NaN。

如果是字符串，则是这样的规则：
当字符串中只包含数字（整型或浮点型）时，包括前面带正负号的情况，会将其转换为十进制数值，例如“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高级程序设计》

GPU云服务器云服务器 js转换数值为字符 python数值转换 asp ip转换数值 js 小数数值相加

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/89021.html

关于NaN

摘要：它有两个重要的性质与任何值都不相等，包括自身任何涉及的操作都会返回。关于是对象的一个方法，比较诡异的是并不是判断参数本身是不是，而是判断是不是。返回的结果是一个布尔值。先用转换参数，再判断转换后的结果是不是不等于自身。昨天看到一个面试题：怎样实现 isNaN() 方法？细细研究了一下 NaN，发现这个东西不常用，坑却异常多，颇有茴字有几种写法的感觉，这里记录下总结的东西吧。 ...

jubincn 2019-08-26 12:17 评论0 收藏0
Js中的Number

摘要：如果参数不是数值都返回去掉非数字部分返回数字部分遇到的第一个非数字停止相比可以多识别一个和是将全局方法和，移植到对象上面，行为完全保持不变。关于Number的常用方法和注意点 NaN NaN 是代表非数字的特殊属性 NaN 注意点 NaN不是一个数但是属于number类型 typeof NaN //number NaN和NaN不相等 NaN == NaN //false 何时会出现...

LiuZh 2019-08-22 18:00 评论0 收藏0
透彻研究Javascript类型转换

摘要：注释空数组空对象转换为布尔型也是坑。系统会在自动类型转换的时候调用他们，所以我们通常不需要手动调用他们。严格相等不存在类型转换，对于类型不同的两个值直接返回。 Javascript 中有5种基本类型(不包括 symbol)，以及对象类型，他们在不同的运算中会被系统转化为不同是类型，当然我们也可以手动转化其类型。 Javascript 类型转换中的坑极多，就连 Douglas Crock...

dailybird 2019-08-23 11:52 评论0 收藏0
【JS】关于JS的一些知识点（JS基础，纯记录）

摘要：如何让根据拆箱转换，以及的隐式转换，可以如下写为什么计算机中所有的数据都是以二进制存储的，所以在计算机计算时要把数据先转换成二进制进行计算，然后把计算结果转换成十进制。会存在精度丢失问题和的二进制都是以无线循环的小数的二进制的二进制本想着记笔记里，但是笔记里没有分类，还是以文章的形式，当个人总结吧，这一篇就当作JS基础篇的记录吧，有修改的和新增的持续更新～关于JS的一些小技巧 1:...

SwordFly 2019-08-23 18:11 评论0 收藏0
JS高程读书笔记--第三章基本概念

摘要：高程读书笔记第三章语法中的一切变量函数名和操作符都区分大小写。建议无论在任何情况下都指定基数函数与函数类似。返回对象的字符串数值或布尔值表示。 JS高程读书笔记--第三章语法 ECMAScript中的一切（变量、函数名和操作符）都区分大小写。不能把关键字、保留字、true、false和null用做标识符。严格模式是为JavaScript定义了一种不同的解析与执行模型。在严格模式...

keithyau 2019-08-21 10:54 评论0 收藏0