0

0

JavaScript数值的方法和属性详解

WBOY

WBOY

发布时间:2022-08-04 14:13:56

|

1586人浏览过

|

来源于php中文网

原创

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

JavaScript数值的方法和属性详解

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

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

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

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

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()方法

    MVM mall 网上购物系统
    MVM mall 网上购物系统

    采用 php+mysql 数据库方式运行的强大网上商店系统,执行效率高速度快,支持多语言,模板和代码分离,轻松创建属于自己的个性化用户界面 v3.5更新: 1).进一步静态化了活动商品. 2).提供了一些重要UFT-8转换文件 3).修复了除了网银在线支付其它支付显示错误的问题. 4).修改了LOGO广告管理,增加LOGO链接后主页LOGO路径错误的问题 5).修改了公告无法发布的问题,可能是打压

    下载
  • 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前端

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
c++ 根号
c++ 根号

本专题整合了c++根号相关教程,阅读专题下面的文章了解更多详细内容。

57

2026.01.23

c++空格相关教程合集
c++空格相关教程合集

本专题整合了c++空格相关教程,阅读专题下面的文章了解更多详细内容。

57

2026.01.23

yy漫画官方登录入口地址合集
yy漫画官方登录入口地址合集

本专题整合了yy漫画入口相关合集,阅读专题下面的文章了解更多详细内容。

237

2026.01.23

漫蛙最新入口地址汇总2026
漫蛙最新入口地址汇总2026

本专题整合了漫蛙最新入口地址大全,阅读专题下面的文章了解更多详细内容。

393

2026.01.23

C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

17

2026.01.23

php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

103

2026.01.22

PHP后端开发相关内容汇总
PHP后端开发相关内容汇总

本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

73

2026.01.22

php会话教程合集
php会话教程合集

本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

81

2026.01.22

宝塔PHP8.4相关教程汇总
宝塔PHP8.4相关教程汇总

本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

70

2026.01.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号