js教程JavaScript数值的方法和属性详解

 所属分类:web前端开发

 浏览:98次-  评论: 0次-  更新时间:2022-10-17
描述:更多教程资料进入php教程获得。 本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于JavaScript中数值方法和属性的相关问题...
更多教程资料进入php教程获得。 本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于JavaScript中数值方法和属性的相关问题,包括了toSting、toFixed、toPrecision等等内容,下面一起来看一下,希望对大家有帮助。

前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

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

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

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

Number对象的方法

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

1. toSting()方法

- 以字符串返回数值

实例:

var num = 100
var 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.656
var num1 = num.toFixed(0)
var num2 = num.toFixed(2)
var num3 = num.toFixed(4)
console.log(num1)  // 10
console.log(num2)  // 9.66
console.log(num3)  // 9.6560
登录后复制

3. toPrecision()方法

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

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

实例:      

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

4. toExponential()方法

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

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

实例:      

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

5. valueOf()方法

- 以数值返回数值

实例:      

var num = 100
var num1 = num.valueOf()  // 变量
var num2 = (99).valueOf()  // 字面量
var num3 = (100+99).valueOf()  // 表达式
console.log(num1)  // 100
console.log(num2)  // 99
console.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_VALUE
var y = Number.MIN_VALUE
console.log(x)  // 1.7976931348623157e+308
console.log(y)   // 5e-324
登录后复制

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

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

  实例:

var x = 1 / 0
var y = -1 / 0
console.log(x)  // Infinity
console.log(y)   // -Infinity
登录后复制

  NaN 非数字

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

    实例:

var x = 100 / 'apple'
console.log(x)  // NaN
登录后复制

数字属性不能用于变量

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

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

  实例:

var x = 6
var y = x.MAX_VALUE  // 变量访问
var z = Number.MAX_VALUE  // 数字对象访问
console.log(y)  // undefined
console.log(z)  // 1.7976931348623157e+308
登录后复制

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

以上就是JavaScript数值的方法和属性详解的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: javascript,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!