JavaScript数值转换的三种方式总结

171 阅读 0 评论 113 点赞

我是靠谱客的博主义气马里奥，最近开发中收集的这篇文章主要介绍JavaScript数值转换的三种方式总结，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在JavaScript中，数值转换一般有三种方式：

一、Number(param)函数：param可以用于任何数据类型

1.1 param是Boolean值，true和false分别转换为1和0；

1.2 param是数值，只是简单的传入和返回

1.3 param是null和undefined，分别返回0和NaN

1.4 param是字符串，遵循下列规则：

1.4.1 如果字符串中只包含数字，则转换为十进制，前导0被忽略；

1.4.2 如果字符串中包含有效的浮点数格式，则返回对应的浮点数值，前导0被忽略；

1.4.3 如果字符串包含有效的十六进制，则返回等大的十进制数值

1.4.4 如果字符串为空，则返回0

1.4.5 如果字符串中包含除上述格式外的字符，则返回NaN

1.5 param是对象，则调用valueOf()方法，依照前面的规则转换返回字符串值，若返回NaN，则调用toString()方法，再次依照前面的规则转换返回字符串值。

1.6 示例：

<span style="font-family:Microsoft YaHei;font-size:18px;">var num1 = Number("hello"); //NaN 
var num2 = Number(""); //0 
var num3 = Number("00022"); //22 
var num4 = Number(true); //1</span>

二、parseInt(param)：把字符串转换成整数，param是字符串类型。

parseInt()忽略字符串前面的空格，直到找到第一个非空格字符S；若S不是数字或者负号，则返回NaN（即parseInt()对空字符返回NaN，注意Number()对空返回0），若S是数字，parseInt()会继续解析下一个字符，直到解析完所有字符或者遇到了一个非数字字符。parseInt()支持对八进制、十六进制的解析

<span style="font-family:Microsoft YaHei;font-size:18px;">var num1 = parseInt("1234blue"); //1234 
var num2 = parseInt(""); //NaN 
var num3 = parseInt("22.5"); //22 
var num4 = parseInt("070"); //八进制，转换为十进制的56</span>

三、parseIFloat(param)：把字符串转换成浮点数，param是字符串类型。

与parseInt类似，parseFloat()从第一个字符开始解析，直到解析完所有字符或者遇到了一个非浮点数字符。第一个小数点有效，但是第二个则无效，且该函数只能解析十进制数，因为它始终会忽略前导0.

<span style="font-family:Microsoft YaHei;font-size:18px;">var num1 = parseFloat("1234blue"); // 1234 
var num2 = parseFloat("0xf6"); // 0 
var num3 = parseFloat("22.5"); // 22.5 
var num4 = parseFloat("22.5.4"); //22.5 
var num5 = parseFloat("3.125e7"); // 31250000</span>