JavaScript 数值Number类型详解

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 中均用浮点数值表示，所以在进行数字运算的时候要特别注意进度缺失问题。

0.1 + 0.2 = 0.30000000000000004;

0.1 + 0.2 == 0.3;  // false

// 浮点运算判断相等

var ACCURACY = 1e-5; //定义精度精确到0.00001

var a = 0.1;

var b = 0.2;

var sum = 0.3;

// 判断相差小于精度就认为相等

if (a + b - sum < ACCURACY) {

	console.log('a+b == sum');

}

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

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

.9;   // 0.9

1E3   // 1000

2e6   // 2000000

0.1e2 // 10

1e-5  // 0.00001

Number数字不同进制

不同进制的表示方法

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

二进制表示法：以零为开头，后面接一个小写或大写的拉丁文字母B(0b或者是0B)
八进制表示法：以0为开头的。假如0后面的数字不在0到7的范围内，该数字将会被转换成十进制数字。
在ECMAScript 5 严格模式下禁止使用八进制语法，会被视为十进制
在ECMAScript 6中使用八进制数字是需要给一个数字添加前缀"0o"
十六进制表示法：以零为开头，后面接一个小写或大写的拉丁文字母X(0x或者是0X)

// 十进制

12345678

42

0777 // 在非严格格式下会被当做八进制处理 (用十进制表示就是511)

// 二进制

var a = 0b100000; // 32

var b = 0b0111111; // 63

var c = 0B0000111; // 7

// 八进制

var n = 0755; // 493

var m = 0644; // 420

var a = 0o10; // ES6 :八进制

// 十六进制

0xFFFFFFFFFFFFFFFFF // 295147905179352830000

0x123456789ABCDEF   // 81985529216486900

0XA                 // 10

不同进制的转换

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

toString() 方法接受一个值为 2~36 之间的整数参数指定进制，默认为十进制，将Number转为String
parseInt() 第二个参数接受一个值为 2~36 之间的整数参数指定进制，默认为十进制，将String转为Number

// toString转换，输入为Number，返回为String

var n = 120;

n.toString(); // "120"

n.toString(2); // "1111000"

n.toString(8); // "170"

n.toString(16); // "78"

n.toString(20); // "60"

0x11.toString(); // "17"

0b111.toString(); // "7"

0x11.toString(12);// "15"

// parseInt转换，输入为String，返回为Number

parseInt('110'); // 110

parseInt('110', 2);  // 6

parseInt('110', 8);  // 72

parseInt('110', 16); // 272

parseInt('110', 26); // 702

// toString和parseInt结合使用可以在两两进制之间转换

// 将 a 从36进制转为12进制

var a = 'ra';  // 36进制表示的数

parseInt(a, 36).toString(12); // "960"

数字对象 Number

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

var na = Number(8);  // 8

na = Number('9.5');  // 9.5

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
如果调用时没有提供第二个参数，则使用字符串表示的数字的进制

parseInt('123'); // 123

parseInt('123', 10); // 123

parseInt('123', 8);  // 83

parseInt('123', 16); // 291

parseInt("11", 2); // 3

parseInt('0x123', 10); // 0

parseInt('0x123', 16); // 291

parseInt('0x123'); // 291

// 如果第一个参数不是字符串，会先把第一个参数转成字符串

parseInt('12', 16); // 18

parseInt(12, 16);   // 18

// toString方法会将数字转换为10进制的字符串

parseInt(0xf, 16);  // 21

0xf.toString(); // '15'

parseInt('15', 16); // 21

parseInt('23.56');  // 23

parseInt("hello", 16); // NaN

parseInt("aello", 16); // 174

Number类型原型方法

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

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

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

var numObj = 12345.6789;

numObj.toExponential();   // "1.23456789e+4"

numObj.toExponential(2);  // "1.23e+4"

numObj.toExponential(4);  // "1.2346e+4"

numObj.toPrecision();     // "12345.6789"

numObj.toPrecision(2);    // "1.2e+4"

numObj.toPrecision(4);    // "1.235e+4"

numObj.toFixed();         // 返回 "12346"：进行四舍五入，不包括小数部分

numObj.toFixed(1);        // 返回 "12345.7"：进行四舍五入

numObj.toFixed(6);        // 返回 "12345.678900"：用0填充

(1.23e+20).toFixed(2);    // 返回 "123000000000000000000.00"

(1.23e-10).toFixed(2);    // 返回 "0.00"

2.34.toFixed(1);          // 返回 "2.3"

-2.34.toFixed(1);         // 返回 -2.3 （由于操作符优先级，负数不会返回字符串）

(-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小时