上篇文章我们已经介绍了三种基本的JavaScript数值方法,这篇文章紧承上篇文章,继续介绍剩下的两种avaScript数值方法和将变量转换为数字的三种方式。
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()方法返回数字的原始值。
例:
<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()函数。
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>
该parseInt()函数解析一个字符串,并返回一个整数。
当您处理CSS单位等值(例如15px,4em等)并且要从中提取数值时,此功能很有用。
例:
parseInt("12"); // 返回 12
parseInt("12.25");// 返回 12
parseInt("15px"); // 返回 15
parseInt("4 days"); // 返回 4
parseInt("Day 4");// 返回 NaN
parseInt("36 24 36"); // 返回 36
parseInt(" 20 "); // 返回 20
注:
如果第一个字符不能转换为数字,则返回NaN。
该parseInt()函数可选地接受一个整数参数,该整数参数用于指定要使用的数字系统,例如,基数16(十六进制)表示应将字符串中的数字从十六进制数字解析为十进制数字。
例:
parseInt("FF", 16);// 返回 255
parseInt("1111", 2); // 返回 15
parseFloat()函数解析一个字符串,并返回一个浮点数。
例:
parseFloat("12.25"); // 返回 12.25
parseFloat("5.6em"); // 返回 5.6
parseFloat("80.5 kg");// 返回 80.5
parseFloat("weight 80.5 kg"); // 返回 NaN
如果第一个字符不能转换为数字,则返回NaN。
本文基于JavaScript基础,介绍了数值表现的方法,每一种方法采用案例的分析,进行详细的讲解。以及介绍了如何将变量转换为数字的三种函数( Number()函数,parseInt()函数, parseFloat()函数 )。三种函数的不同都有不同的表达形式。
欢迎大家积极尝试,有时候看到别人实现起来很简单,但是到自己动手实现的时候,总会有各种各样的问题,切勿眼高手低,勤动手,才可以理解的更加深刻。
代码很简单,希望对你学习有帮助。