Number()、parseInt()和parseFloat()的区别

时间：2022-12-02 12:48:44

JS中Number()、parseInt()和parseFloat()的区别

三者的作用： 
Number(): 可以用于任何数据类型转换成数值；

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

parseFloat(): 将它的字符串参数解析成为浮点数并返回；

1.Number():

（1）如果是Boolean值，true和false将分别转换为1和0。 
（2）如果是数字值，只是简单的传入和返回。 
（3）如果是null值，返回0。 
（4）如果是undefined,返回NaN。 
（5）如果是字符串，遵循下列规则： 
　　如果字符串截去开头和结尾的空白字符后，不是纯数字字符串，那么最终返回结果为NaN。 
　　如果是字符串中只包含数字（包括前面带正号或负号的情况），则将其转换为十进制数值，即“1”变成1，“123”会变成123，而“011”会变成11（前导的零被忽略了）； 
　　如果字符串中包含有效的浮点格式，如“1.1”，则将其转换为对应的浮点数值（同样也会忽略前导零）； 
　　如果字符串中包含有效的十六进制格式，例如”0xf”，则将其他转换为相同大小的十进制整数值； 
　　如果字符串是空的（不包含任何字符），则将其转换为0； 
　　如果字符串中包含除上述格式之外的字符，则将其他转换成NaN. 
（6）如果是对象，则调用对象的valueOf()方法，然后依照前面的规则转换返回的值。如果转换的结果是NaN，则调用的对象的toString()方法，然后再次依照前面的规则转换返回的字符串值。

 var num1=Number("Hello World");  //NaN

 var num2=Number("");             //

 var num3=Number("");       //

 var num4=Number(true);           //

 var num5=Number(false);           //

 var num6=Number("num123")       //NaN

2.parseInt():

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

　　当参数 radix 的值为 0，或没有设置该参数时，parseInt() 会根据 string 来判断数字的基数。

　　当忽略参数 radix , JavaScript 默认数字的基数如下:

　　　　如果 string 以 "0x" 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数

　　　　如果 string 以 0 开头，那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。

　　　　如果 string 以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数。

Number()、parseInt()和parseFloat()的区别

　　提示和注释

　　注意： 只有字符串中的第一个数字会被返回。

　　注意： 开头和结尾的空格是允许的。

　　注意：如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN。

　　注意：在字符串以"0"为开始时旧的浏览器默认使用八进制基数。ECMAScript 5，默认的是十进制的基数。

　　下面来看具体的实例吧：

Number()、parseInt()和parseFloat()的区别

下面再来一个稍微难点的：

Number()、parseInt()和parseFloat()的区别

很奇怪有木有，其实是这样的，当小数点后的0的个数小于等于5个时，会采用字面量形式直接表示，当小数点后0的个数大于5个时，会采用科学计数法来表示，即：0.000005不会采用科学计数法，而0.0000005则会转换为5e-7，parseInt方法不会将"e"视为数字，因此只是将5转换为10进制，还是5。

　　同理，当小数点前数字位数为21及以下的时候，会采用字面量形式直接表示，而当小数点前数字位数大于21的时候。会采用科学计数法，因此6000000000000000000000会转换为科学计数法，为6e+21，将6转换为10进制还是6

下面是进制转换实例

Number()、parseInt()和parseFloat()的区别

3.parseFloat() :

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

该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。

Number()、parseInt()和parseFloat()的区别

提示和注释

注意： 字符串中只返回第一个数字。

注意： 开头和结尾的空格是允许的。

注意： 如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN

 parseFloat("1234blue");    // 1234.0 

 parseFloat("22.34.5");    // 22.34  

 parseFloat("");    //908  

 parseFloat("blue");    // NaN 

 parseFloat("bl222");    // NaN

4.Number()、parseInt() 和parseFloat() 的区别：

  • Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似，只是它转换的是整个值，而不是部分值。如“3.4.5”，用Number()进行强制类型转换将返回NAN, 如果确定字符串值能被完整地转换，Number()将判断是调用parseInt()还是parseFloat()。

  • parseFloat() 所解析的字符串中第一个小数点是有效的，而parseInt() 遇到小数点会停止解析，因为小数点并不是有效的数字字符。

  • parseFloat() 始终会忽略前导的零，十六进制格式的字符串始终会被转换成0，而parseInt() 第二个参数可以设置基数，按照这个基数的进制来转换。

相关文章