前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >一篇文章带你了解JavaScript 数值方法(下篇)

一篇文章带你了解JavaScript 数值方法(下篇)

作者头像
前端进阶者
发布2021-01-22 10:15:27
3420
发布2021-01-22 10:15:27
举报

上篇文章我们已经介绍了三种基本的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");   // 返回 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
3. parseFloat()函数

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()函数 )。三种函数的不同都有不同的表达形式。

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

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-11-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端进阶学习交流 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 四、toString()方法
  • 五、valueOf()方法
  • 六、将变量转换为数字
    • 1. Number()函数
      • 2. parseInt()函数
        • 3. parseFloat()函数
        • 七、总结
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档