Number 问题

下面的问题你都能回答对了吗?

  • 0.1 + 0.2 == 0.3 成立吗?
  • .e-5 表示多少?
  • 怎么表示8进制?
  • 怎么转换进制?
  • 如何将字符串转换成数值或整数?反过来呢?十六进制又怎么处理?
  • parseInt(0x12, 16) 的返回值是多少?是0x12吗?
  • Number.MAX_VALUE 为最大数值,(new Number(12)).MAX_VALUE 是多少?
  • JavaScript中怎么进行四舍五入?如果保留3位小数的精度?
  • 如何获取一个随机数?如何取整?如何向上取整?

Number数字表示方法

Number类型表示数字,JavaScript 采用“IEEE 754 标准定义的双精度64位格式”("double-precision 64-bit format IEEE 754 values")表示数字。

和其他编程语言(如 C 和 Java)不同,JavaScript 不区分整数值和浮点数值,所有数字在 JavaScript 中均用浮点数值表示,所以在进行数字运算的时候要特别注意进度缺失问题。

  1. 0.1 + 0.2 = 0.30000000000000004;
  2. 0.1 + 0.2 == 0.3; // false
  3. // 浮点运算判断相等
  4. var ACCURACY = 1e-5; //定义精度精确到0.00001
  5. var a = 0.1;
  6. var b = 0.2;
  7. var sum = 0.3;
  8. // 判断相差小于精度就认为相等
  9. if (a + b - sum < ACCURACY) {
  10. console.log('a+b == sum');
  11. }

在具体实现时,整数值通常被视为32位整型变量,在个别实现(如某些浏览器)中也以32位整型变量的形式进行存储,直到它被用于执行某些32位整型不支持的操作,这是为了便于进行位操作。

可以使用省略 0 表示小数,也可以用指数形式表示数字

  1. .9; // 0.9
  2. 1E3 // 1000
  3. 2e6 // 2000000
  4. 0.1e2 // 10
  5. 1e-5 // 0.00001

Number数字不同进制

不同进制的表示方法

Number可以使用四种数字进制:十进制,二进制,八进制和十六进制。非十进制只使用与整数。

  • 二进制表示法:以零为开头,后面接一个小写或大写的拉丁文字母B(0b或者是0B)
  • 八进制表示法:以0为开头的。假如0后面的数字不在0到7的范围内,该数字将会被转换成十进制数字。
  • 在ECMAScript 5 严格模式下禁止使用八进制语法,会被视为十进制
  • 在ECMAScript 6中使用八进制数字是需要给一个数字添加前缀"0o"
  • 十六进制表示法:以零为开头,后面接一个小写或大写的拉丁文字母X(0x或者是0X)
  1. // 十进制
  2. 12345678
  3. 42
  4. 0777 // 在非严格格式下会被当做八进制处理 (用十进制表示就是511)
  5. // 二进制
  6. var a = 0b100000; // 32
  7. var b = 0b0111111; // 63
  8. var c = 0B0000111; // 7
  9. // 八进制
  10. var n = 0755; // 493
  11. var m = 0644; // 420
  12. var a = 0o10; // ES6 :八进制
  13. // 十六进制
  14. 0xFFFFFFFFFFFFFFFFF // 295147905179352830000
  15. 0x123456789ABCDEF // 81985529216486900
  16. 0XA // 10

不同进制的转换

进制的转换主要用到Number的toString()方法或parseInt()方法:

  • toString() 方法接受一个值为 2~36 之间的整数参数指定进制,默认为十进制,将Number转为String
  • parseInt() 第二个参数接受一个值为 2~36 之间的整数参数指定进制,默认为十进制,将String转为Number
  1. // toString转换,输入为Number,返回为String
  2. var n = 120;
  3. n.toString(); // "120"
  4. n.toString(2); // "1111000"
  5. n.toString(8); // "170"
  6. n.toString(16); // "78"
  7. n.toString(20); // "60"
  8. 0x11.toString(); // "17"
  9. 0b111.toString(); // "7"
  10. 0x11.toString(12);// "15"
  11. // parseInt转换,输入为String,返回为Number
  12. parseInt('110'); // 110
  13. parseInt('110', 2); // 6
  14. parseInt('110', 8); // 72
  15. parseInt('110', 16); // 272
  16. parseInt('110', 26); // 702
  17. // toString和parseInt结合使用可以在两两进制之间转换
  18. // 将 a 从36进制转为12进制
  19. var a = 'ra'; // 36进制表示的数
  20. parseInt(a, 36).toString(12); // "960"

数字对象 Number

Number对象是内置的数字对象,它封装了一系列Number相关的常量和方法。

  1. var na = Number(8); // 8
  2. na = Number('9.5'); // 9.5
  3. na = new Number('9.3'); // Number 对象,仅可以使用原型方法

Number对象的属性:

属性 描述
Number.MAX_VALUE 可表示的最大值
Number.MIN_VALUE 可表示的最小值
Number.NaN 特指”非数字“
Number.NEGATIVE_INFINITY 特指“负无穷”;在溢出时返回
Number.POSITIVE_INFINITY 特指“正无穷”;在溢出时返回
Number.EPSILON 表示1和比最接近1且大于1的最小Number之间的差别
Number.MIN_SAFE_INTEGER JavaScript最小安全整数
Number.MAX_SAFE_INTEGER JavaScript最大安全整数

Number对象方法

Number对象方法可以使用 Number. 的形式调用,也可以使用全局调用。

方法 描述
Number.parseFloat() 把字符串参数解析成浮点数,左右等效于一元运算法+
Number.parseInt() 把字符串解析成特定基数对应的整型数字
Number.isFinite() 判断传递的值是否为有限数字
Number.isInteger() 判断传递的值是否为整数
Number.isNaN() 判断传递的值是否为 NaN
Number.isSafeInteger() 判断传递的值是否为安全整数

parseInt() 方法需要注意:

  • parseInt() 参数可以有两个参数:数字字符串和进制
  • 如果第一个参数为非指定进制的数字字符串,则结果为0
  • 如果第一个参数为非字符串,会首先调用该参数的toString()方法转换为字符串
  • 第一个参数中非指定进制可识别的字符会被忽略
  • 如果给定的字符串不存在数值形式,函数会返回一个特殊的值 NaN
  • 如果调用时没有提供第二个参数,则使用字符串表示的数字的进制
  1. parseInt('123'); // 123
  2. parseInt('123', 10); // 123
  3. parseInt('123', 8); // 83
  4. parseInt('123', 16); // 291
  5. parseInt("11", 2); // 3
  6. parseInt('0x123', 10); // 0
  7. parseInt('0x123', 16); // 291
  8. parseInt('0x123'); // 291
  9. // 如果第一个参数不是字符串,会先把第一个参数转成字符串
  10. parseInt('12', 16); // 18
  11. parseInt(12, 16); // 18
  12. // toString方法会将数字转换为10进制的字符串
  13. parseInt(0xf, 16); // 21
  14. 0xf.toString(); // '15'
  15. parseInt('15', 16); // 21
  16. parseInt('23.56'); // 23
  17. parseInt("hello", 16); // NaN
  18. parseInt("aello", 16); // 174

Number类型原型方法

Number类型原型上还有一些方法来对数字进度进行取舍,这些方法可以被 Number 实例对象调用:

方法 描述
toExponential() 返回一个数字的指数形式的字符串
toFixed() 返回指定小数位数的表示形式
toPrecision() 返回一个指定精度的数字

这些原型方法可以被Number实例对象调用:

  1. var numObj = 12345.6789;
  2. numObj.toExponential(); // "1.23456789e+4"
  3. numObj.toExponential(2); // "1.23e+4"
  4. numObj.toExponential(4); // "1.2346e+4"
  5. numObj.toPrecision(); // "12345.6789"
  6. numObj.toPrecision(2); // "1.2e+4"
  7. numObj.toPrecision(4); // "1.235e+4"
  8. numObj.toFixed(); // 返回 "12346":进行四舍五入,不包括小数部分
  9. numObj.toFixed(1); // 返回 "12345.7":进行四舍五入
  10. numObj.toFixed(6); // 返回 "12345.678900":用0填充
  11. (1.23e+20).toFixed(2); // 返回 "123000000000000000000.00"
  12. (1.23e-10).toFixed(2); // 返回 "0.00"
  13. 2.34.toFixed(1); // 返回 "2.3"
  14. -2.34.toFixed(1); // 返回 -2.3 (由于操作符优先级,负数不会返回字符串)
  15. (-2.34).toFixed(1); // 返回 "-2.3" (若用括号提高优先级,则返回字符串)

数学对象(Math)

和Number相关的是,JavaScript对象中内置的Math对象,提供了很多数学常数和函数的属性和方法。

属性列表:

属性 描述
Math.E 欧拉常数,也是自然对数的底数, 约等于 2.718
Math.LN2 2的自然对数, 约等于0.693
Math.LN10 10的自然对数, 约等于 2.303
Math.LOG2E 以2为底E的对数, 约等于 1.443
Math.LOG10E 以10为底E的对数, 约等于 0.434
Math.PI 圆周率,一个圆的周长和直径之比,约等于 3.14159
Math.SQRT2 2的平方根,约等于 1.414
Math.SQRT1_2 1/2的平方根, 约等于 0.707

Math中的三角函数 sin 等参数为弧度,如果是角度可以使用 (Math.PI / 180)

方法 描述
Math.abs(x) 返回x的绝对值
Math.sign(x) 返回x的符号函数, 判定x是正数,负数还是0
Math.random() 返回0到1之间的伪随机数
Math.floor(x) 返回x向上取整后的值
Math.ceil(x) 返回x向上取整后的值
Math.round(x) 返回四舍五入后的整数.
Math.fround(x) 返回数字的最接近的单精度浮点型表示
Math.trunc(x) 返回x的整数部分,去除小数
Math.sqrt(x) 返回x的平方根
Math.cbrt(x) 返回x的立方根
Math.hypot([x[,y[,…]]]) 返回其参数平方和的平方根
Math.pow(x,y) 返回x的y次幂
min(), max() 返回一个以逗号间隔的数字参数列表中的较小或较大值(分别地)
sin(), cos(), tan() 标准三角函数;参数为弧度
asin(), acos(), atan(), atan2() 反三角函数; 返回值为弧度
sinh(), cosh(), tanh() 双曲三角函数; 返回值为弧度.
asinh(), acosh(), atanh() 反双曲三角函数;返回值为弧度.
pow(), exp(), expm1(), log10(), log1p(), log2() 指数与对数函数

原文:http://uusama.com/571.html

耗时:5小时

JavaScript 数值Number类型详解的更多相关文章

  1. js课程 1-3 Javascript变量类型详解

    js课程 1-3  Javascript变量类型详解 一.总结 一句话总结:js对象点(属性方法),json对象冒号(属性方法).属性和方法区别只有一个括号. 1.json对象中的函数的使用? 函数名 ...

  2. Javascript常用的设计模式详解

    Javascript常用的设计模式详解 阅读目录 一:理解工厂模式 二:理解单体模式 三:理解模块模式 四:理解代理模式 五:理解职责链模式 六:命令模式的理解: 七:模板方法模式 八:理解javas ...

  3. JavaScript正则表达式详解(二)JavaScript中正则表达式函数详解

    二.JavaScript中正则表达式函数详解(exec, test, match, replace, search, split) 1.使用正则表达式的方法去匹配查找字符串 1.1. exec方法详解 ...

  4. Javascript 异步加载详解

    Javascript 异步加载详解 本文总结一下浏览器在 javascript 的加载方式. 关键词:异步加载(async loading),延迟加载(lazy loading),延迟执行(lazy ...

  5. MySQL中tinytext、text、mediumtext和longtext等各个类型详解

    转: MySQL中tinytext.text.mediumtext和longtext等各个类型详解 2018年06月13日 08:55:24 youcijibi 阅读数 26900更多 个人分类: 每 ...

  6. JavaScript进阶内容——DOM详解

    JavaScript进阶内容--DOM详解 当我们已经熟练掌握JavaScript的语法之后,我们就该进入更深层次的学习了 首先我们思考一下:JavaScript是用来做什么的? JavaScript ...

  7. C#进阶系列——WebApi 接口返回值不困惑:返回值类型详解

    前言:已经有一个月没写点什么了,感觉心里空落落的.今天再来篇干货,想要学习Webapi的园友们速速动起来,跟着博主一起来学习吧.之前分享过一篇 C#进阶系列——WebApi接口传参不再困惑:传参详解  ...

  8. C++11 并发指南六(atomic 类型详解四 C 风格原子操作介绍)

    前面三篇文章<C++11 并发指南六(atomic 类型详解一 atomic_flag 介绍)>.<C++11 并发指南六( <atomic> 类型详解二 std::at ...

  9. C++11 并发指南六(atomic 类型详解三 std::atomic (续))

    C++11 并发指南六( <atomic> 类型详解二 std::atomic ) 介绍了基本的原子类型 std::atomic 的用法,本节我会给大家介绍C++11 标准库中的 std: ...

随机推荐

  1. IntelliJ IDEA 教程(1)

    过完年,新的学习阶段又开始了.星爷的电影票还没还,国民岳父(韩寒)的礼钱也没送,王老板说再立一个小目标,马老板说我不在乎钱...学习还得继续. IntelliJ Idea 简称IDEA,是java语言 ...

  2. BZOJ 3680: 吊打XXX【模拟退火算法裸题学习,爬山算法学习】

    3680: 吊打XXX Time Limit: 10 Sec  Memory Limit: 128 MBSec  Special JudgeSubmit: 3192  Solved: 1198[Sub ...

  3. Spark入门学习

    1. Spark Overview(spark概述) Apache spark是一个快速和通用的集群计算系统.它提供了Java,Scala,Python和R的高级APIs,以及支持通用执行图的优化引擎 ...

  4. Result Maps collection does not contain value for com.man.impet.dao.OrderBeanMapper.map

    由于mapper.xml中resultMap = "map"  改为 resultType="map"即可,折腾了一下午

  5. 启动时候报错由于没有扫包 error creating bean with name

    <!-- 扫描包,加载service实现类 --> <context:component-scan base-package="com.taotao.search.serv ...

  6. UEP-保存

    uep的保存操作分为ajaxgrid和ajaxform两种方式 1.ajaxgrid public void storeInfoSave(){ try { //两个dataWrap 一个dataWra ...

  7. Linux怎么查看软件安装路径 查看mysql安装在哪

    https://jingyan.baidu.com/article/86112f1378bf282737978730.html Linux系统一般都是命令行界面,对于安装的软件也是通过命令安装的.对于 ...

  8. 小白的Python之路 day5 hashlib模块

    hashlib模块 一.概述 用于加密相关的操作,3.x里代替了md5模块和sha模块,主要提供 SHA1, SHA224, SHA256, SHA384, SHA512 ,MD5 算法 二.算法的演 ...

  9. Asp.net mvc 中Action 方法的执行(二)

    [toc] 前面介绍了 Action 执行过程中的几个基本的组件,这里介绍 Action 方法的参数绑定. 数据来源 为 Action 方法提供参数绑定的原始数据来源于当前的 Http 请求,可能包含 ...

  10. NSLog( @"%@", i );

    NSLog( @"%@", i );  %@需要显示对象,所以这个i必须是个对象类型.