JavaScript数值的方法和属性详解

本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于javascript中数值方法和属性的相关问题,包括了tosting、tofixed、toprecision等等内容,下面一起来看一下,希望对大家有帮助。

JavaScript数值的方法和属性详解

【相关推荐:javascript视频教程、web前端】

我们知道在JavaScript中,不仅引用类型有方法和属性,而且string、number、boolean这三种基本数据类型也有方法和属性

今天我们就来对字数值(严格地说,应该是 Number对象)的属性和常用方法做个总结,有利于我们系统的学习和掌握

立即学习“Java免费学习笔记(深入)”;

Number对象的方法

所有数字方法可用于任意类型的数字(字面量、变量或表达式)

1. toSting()方法

- 以字符串返回数值

实例:

var num = 100var str = num.toString()  // 变量var str1 = (99).toString()  // 字面量var str2 = (100+99).toString()  // 表达式console.log(str)  // '100'console.log(str1)  // '99'console.log(str2)  // '199'

登录后复制

2. toFixed()方法

- 返回字符串值,它包含了指定位数小数的数字(会四舍五入)   

参数:接收一个数字,表示精度

实例:   

var num = 9.656var num1 = num.toFixed(0)var num2 = num.toFixed(2)var num3 = num.toFixed(4)console.log(num1)  // 10console.log(num2)  // 9.66console.log(num3)  // 9.6560

登录后复制

3. toPrecision()方法

- 返回字符串值,它包含了指定长度的数字

参数:接收一个数字,表示数字总位数

实例:      

var num = 9.656var num1 = num.toPrecision()  // 省略参数表示原数var num2 = num.toPrecision(2)var num3 = num.toPrecision(4)console.log(num1)  // 9.656console.log(num2)  // 9.7console.log(num3)  // 9.656

登录后复制

4. toExponential()方法

- 返回字符串值,它包含已被四舍五入并使用指数计数法的数字

参数:接收一个数字,定义小数点后的字符数

实例:      

var num = 9.656var num1 = num.toExponential(2)  // 省略参数表示原数var num2 = num.toExponential(4)ar num3 = num.toExponential(6)console.log(num1)  // 9.66e+0console.log(num2)  // 9.6560e+0console.log(num3)  // 9.656000e+0

登录后复制

5. valueOf()方法

- 以数值返回数值

实例:      

var num = 100var num1 = num.valueOf()  // 变量var num2 = (99).valueOf()  // 字面量var num3 = (100+99).valueOf()  // 表达式console.log(num1)  // 100console.log(num2)  // 99console.log(num3)  // 199

登录后复制

注意:基本在代码中不会对数值使用该方法,因为 在 JavaScript 内部使用 valueOf()方法可将 Number 对象转换为原始值

TIPS:所有 JavaScript 数据类型都有 valueOf()和 toString()方法

把变量转换为数值

这三种JS方法可用于将变量转换为数字

Number()方法

parseInt()方法

parseFloat()方法

要注意的是:这些方法都是全局方法,并不是数字对象的方法

Number对象的属性(不常用)

  MAX_VALUE        返回 JS 中可能的最大数

  MIN_VALUE         返回 JS 中可能的最小数

  NEGATIVE_INFINITY     表示负的无穷大

  NaN            表示非数字值(常用)

  POSITIVE_INFINITY       表示无穷大

详解

  MAX_VALUE 返回 JavaSCript 中可能的最大数字

  MIN_VALUE 返回 JavaScript 中可能的最小数字

  实例:

var x = Number.MAX_VALUEvar y = Number.MIN_VALUEconsole.log(x)  // 1.7976931348623157e+308console.log(y)   // 5e-324

登录后复制

  POSITIVE_INFINITY 表示正的无穷大(溢出时返回)

  NEGATIVE_INFINITY 表示负的无穷大(溢出时返回)

  实例:

var x = 1 / 0var y = -1 / 0console.log(x)  // Infinityconsole.log(y)   // -Infinity

登录后复制

  NaN 非数字

    NaN 属于 JavaScript 保留字,表示 NaN 为非合法的数字(非数字)

    实例:

var x = 100 / 'apple'console.log(x)  // NaN

登录后复制

 数字属性不能用于变量

  数字属性属于名为 number 的 JavaScript 数字对象包装器

  通俗地说,这些属性只能由 Number.MAX_VALUE 访问

  实例:

var x = 6var y = x.MAX_VALUE  // 变量访问var z = Number.MAX_VALUE  // 数字对象访问console.log(y)  // undefinedconsole.log(z)  // 1.7976931348623157e+308

登录后复制

【相关推荐:javascript视频教程、web前端】

以上就是JavaScript数值的方法和属性详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2699691.html

(0)
上一篇 2025年3月7日 19:01:11
下一篇 2025年3月7日 19:01:21

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JavaScript中什么是匿名函数?应用场景浅析

    匿名函数顾名思义指的是没有名字的函数,在实际开发中使用的频率非常高,也是学好js的重点。下面本篇文章就来给大家详细介绍一下javascript中的匿名函数,希望对大家有所帮助! 匿名函数:没有实际名字的函数。 首先我们声明一个普通函数: 立…

    2025年3月7日
    100
  • 详解JavaScript函数如何实现可变参数?(总结分享)

    js是弱类型语言,不能像c#那样使用param关键字来声明形参是一个可变参数。那么js中,如何实现这种可变参数呢?下面本篇文章就来聊聊javascript函数可变参数的实现方法,希望对大家有所帮助! JS可变参数的实现一:arguments…

    2025年3月7日 编程技术
    200
  • 简单聊聊JavaScript的Math对象方法

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于math对象方法的相关问题,math对象是javascript的内置对象,提供一系列数学常数和数学方法,该对象不是构造函数,所以不能生成实例,所有的属性和方法都必须在…

    2025年3月7日
    100
  • 什么是构造函数?详解JavaScript中的构造函数

    作为原型和原型链的基础,先了解清楚构造函数以及它的执行过程才能更好地帮助我们学习原型和原型链的知识。本篇文章带大家详细了解一下javascript中的构造函数,介绍一下怎么利用构造函数创建一个js对象,希望对大家有所帮助! 1、什么是构造函…

    2025年3月7日
    200
  • JavaScript之常用事件类型整理

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于javascript常用事件类型的相关问题,包括了鼠标事件、键盘事件等等内容,下面一起来看一下,希望对大家有帮助。 【相关推荐:javascript视频教程、web前…

    2025年3月7日 编程技术
    200
  • 一起分析JavaScript异常处理方式

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于异常处理的相关问题,编写程序的过程难免会出现一些错误,通过这些产生的错误,我们可以学会如何避免遇到这样的情况,以及如何在下次做的更好,下面一起来看一下,希望对大家有帮…

    2025年3月7日
    200
  • 聊聊JavaScript中怎么利用Object()函数创建对象

    怎么利用object()函数创建对象?下面本篇文章给大家介绍一下object()构造函数创建对象的方法(附其他三种创建对象的方法),希望对大家有所帮助! new Object()创建对象 JavaScript 原生提供Object对象(注意…

    2025年3月7日
    200
  • BOM浏览器对象模型整理解析

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于bom浏览器对象模型的相关问题,包括了windows对象的常见事件、定时器、js执行机制等等内容,下面一起来看一下,希望对大家有帮助。 【相关推荐:javascrip…

    2025年3月7日 编程技术
    200
  • 什么是this?深入解析JavaScript中的this

    什么是this?下面本篇文章给大家介绍一下javascript中的this,并聊聊this在函数不同调用方式下的区别,希望对大家有所帮助! JavaScript中的this格外的不一样,比如Java语言中的this是在代码的执行阶段是不可更…

    2025年3月7日
    200
  • BOM核心之window对象(总结分享)

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于windows对象的常见事件的相关问题,window对象是浏览器的顶级对象,定义在全局作用域中的变量、函数都会变成window对象的属性和方法,下面一起来看一下,希望…

    2025年3月7日 编程技术
    200

发表回复

登录后才能评论