【原】一篇文章带你了解JavaScript 数值方法（下篇）

回复“前端”即可获赠前端相关学习资料

今

日

鸡

汤

洞天石扉，訇然中开。

上篇文章我们已经介绍了三种基本的JavaScript数值方法，这篇文章紧承上篇文章，继续介绍剩下的两种avaScript数值方法和将变量转换为数字的三种方式。

四、toString()方法

toString()方法返回一个表示指定数字的字符串。

例：

var num = 255;num.toString();   // 返回 "255" 作为字符串

该toString()方法可以选择接受2到36范围内的整数参数，该整数参数指定用于表示数值的基数。

例：

var num = 255;num.toString(10);  // 返回 "255"num.toString(16);  // 返回 "ff"num.toString(8);   // 返回 "377"num.toString(2);   // 返回 "11111111"

另外，我们可以在括号内放置一个值，而不是一个变量。

例：

(9048).toString();// 返回 "9048"(false).toString();   // 返回 "false"(50 + 20).toString(); // 返回 "70"

五、valueOf()方法

valueOf()方法返回数字的原始值。

例：

<script>            var x = new Number(50);            var y = x.valueOf();// 返回数字(而不是对象)
            document.getElementById("para").innerHTML =                "x: value = " + x + ", type = " + typeof x + "<br>" +                "y: value = " + y + ", type = " + typeof y;</script>

注:

在JavaScript中，数字可以是原始值或对象。该valueOf()方法在JavaScript中用于将Number对象转换为原始值。

六、将变量转换为数字

有3个JavaScript [全局函数可用于将变量转换为数字：Number()函数，parseInt()函数，parseFloat()函数。

1. Number()函数

Number()函数将给定的参数转换为数字。

如果该值不能转换为数字，则返回NaN。

例：

<script>      function myFunc() {        var ans = "";        ans += Number(true) + "<br>";// 返回 1        ans += Number(false) + "<br>";// 返回 0        ans += Number("100") + "<br>";// 返回 100        ans += Number("2 + 6") + "<br>";// 返回 NaN        ans += Number("2 6") + "<br>";// 返回 NaN        ans += Number("Parrot");   // 返回 NaN
        document.getElementById('result').innerHTML = ans;      }</script>

如果参数是Date对象，则该Number()函数返回自UTC 1970年1月1日以来的毫秒数。

例：

<script>document.write( Number(new Date()) );</script>

2. parseInt()函数

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

当您处理CSS单位等值（例如15px，4em等）并且要从中提取数值时，此功能很有用。

例：

parseInt("12");   // 返回 12parseInt("12.25");// 返回 12parseInt("15px"); // 返回 15parseInt("4 days");   // 返回 4parseInt("Day 4");// 返回 NaNparseInt("36 24 36"); // 返回 36parseInt("   20   "); // 返回 20

注：

如果第一个字符不能转换为数字，则返回NaN。

该parseInt()函数可选地接受一个整数参数，该整数参数用于指定要使用的数字系统，例如，基数16（十六进制）表示应将字符串中的数字从十六进制数字解析为十进制数字。

例：

parseInt("FF", 16);// 返回 255parseInt("1111", 2);   // 返回 15

3. parseFloat()函数

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

例：

parseFloat("12.25");  // 返回 12.25parseFloat("5.6em");  // 返回 5.6parseFloat("80.5 kg");// 返回 80.5parseFloat("weight 80.5 kg"); // 返回 NaN

如果第一个字符不能转换为数字，则返回NaN。

七、总结

本文基于JavaScript基础，介绍了数值表现的方法，每一种方法采用案例的分析，进行详细的讲解。以及介绍了如何将变量转换为数字的三种函数( Number()函数，parseInt()函数， parseFloat()函数 )。三种函数的不同都有不同的表达形式。

欢迎大家积极尝试，有时候看到别人实现起来很简单，但是到自己动手实现的时候，总会有各种各样的问题，切勿眼高手低，勤动手，才可以理解的更加深刻。

代码很简单，希望对你学习有帮助。

------------------- End -------------------