[TOC]

Number对象

转载整理自:https://wangdoc.com/javascript/stdlib/number.html

Number对象是数值对应的包装对象,可以作为构造函数使用,也可以作为工具函数使用。

作为构造函数时,它用于生成值为数值的对象。

作为工具函数时,它可以将任何类型的值转为数值。

// Number对象作为构造函数使用,返回一个值为1的对象。
var n = new Number(1);
typeof n // "object"
// 将布尔值true转为数值1
Number(true) // 1

1. 静态属性

Number对象拥有以下一些静态属性(即直接定义在Number对象上的属性,而不是定义在实例上的属性)。

  • Number.POSITIVE_INFINITY:正的无限,指向Infinity
  • Number.NEGATIVE_INFINITY:负的无限,指向-Infinity
  • Number.NaN:表示非数值,指向NaN
  • Number.MIN_VALUE:表示最小的正数(即最接近0的正数,在64位浮点数体系中为5e-324),相应的,最接近0的负数为-Number.MIN_VALUE
  • Number.MAX_SAFE_INTEGER:表示能够精确表示的最大整数,即9007199254740991
  • Number.MIN_SAFE_INTEGER:表示能够精确表示的最小整数,即-9007199254740991
Number.POSITIVE_INFINITY // Infinity
Number.NEGATIVE_INFINITY // -Infinity
Number.NaN // NaN

Number.MAX_VALUE // 1.7976931348623157e+308
Number.MAX_VALUE < Infinity // true

Number.MIN_VALUE // 5e-324
Number.MIN_VALUE > 0 // true

Number.MAX_SAFE_INTEGER // 9007199254740991
Number.MIN_SAFE_INTEGER // -9007199254740991

2. 实例方法

Number对象有4个实例方法,都跟将数值转换成指定格式有关。

2.1 toString()转为其他进制的字符串

Number对象部署了自己的toString方法,用来将一个数值转为字符串形式。该方法可以接受一个参数,表示输出的进制。如果省略这个参数,默认将数值先转为十进制,再输出字符串;否则,就根据参数指定的进制,将一个数字转化成某个进制的字符串。

***注意:***toString方法只能将十进制的数,转为其他进制的字符串。如果要将其他进制的数,转回十进制,需要使用parseInt方法。

(10).toString() // "10"
(10).toString(2) // "1010"
(10).toString(8) // "12"
(10).toString(16) // "a"

上面代码中,10一定要放在括号里,这样表明后面的点表示调用对象属性。如果不加括号,这个点会被 JavaScript 引擎解释成小数点,从而报错。

只要能够让 JavaScript 引擎不混淆小数点和对象的点运算符,各种写法都能用。除了为10加上括号,还可以在10后面加两个点,JavaScript 会把第一个点理解成小数点(即10.0),把第二个点理解成调用对象属性,从而得到正确结果。

10.toString(2)
// SyntaxError: Unexpected token ILLEGAL
10..toString(2) // "1010"
// 其他方法还包括
10 .toString(2) // "1010"
10.0.toString(2) // "1010"
// 可以直接对一个小数使用toString方法
10.5.toString() // "10.5"
10.5.toString(2) // "1010.1"
10.5.toString(8) // "12.4"
// 通过方括号运算符也可以调用toString方法
10['toString'](2) // "1010"

2.2 toLocaleString()返回本地字符串

Number.prototype.toLocaleString()方法接受一个地区码作为参数,返回一个字符串,表示当前数字在该地区的当地书写形式。

(123).toLocaleString('zh-Hans-CN-u-nu-hanidec')
// "一二三"

该方法接受第二个参数:配置对象,用来定制指定用途的返回字符串。该对象的style属性指定输出样式:

  • decimal:默认值,表示输出十进制形式
  • percent:表示输出百分数
  • currency:则可以搭配currency属性,输出指定格式的货币字符串形式
(123).toLocaleString('zh-Hans-CN', { style: 'percent' }) // "12,300%"
(123).toLocaleString('zh-Hans-CN', { style: 'currency', currency: 'CNY' })
// "¥123.00
(123).toLocaleString('de-DE', { style: 'currency', currency: 'EUR' })
// "123,00 €"
(123).toLocaleString('en-US', { style: 'currency', currency: 'USD' })
// "$123.00"

如果Number.prototype.toLocaleString()省略了参数,则由浏览器自行决定如何处理,通常会使用操作系统的地区设定。注意,该方法如果使用浏览器不认识的地区码,会抛出一个错误。

(123).toLocaleString('123') // 出错

2.3 toFixed()转为指定小数位数的字符串

toFixed方法将一个Number转为指定位数的小数,返回对应的字符串。

该方法对数值的处理在必要时会进行四舍五入(对小数5处理不准),另外在必要时会用 0 来填充小数部分,以便小数部分有指定的位数。 如果数值大于 1e+21,该方法会简单调用 Number.prototype.toString()并返回一个指数记数法格式的字符串。

语法:numObj.toFixed(digits)

参数 digits 表示小数点后数字的个数;介于 0 到 20(包括20)之间,如果忽略该参数,则默认为 0。

报错:1、如果参数digits的值不在0~20之间则会报RangeError异常。2、如果如果该方法在一个非类型的对象上调用则报TypeError错误。

// 10必须放在括号里,否则后面的点会被处理成小数点
(10).toFixed(2) // 10.00
10.005.toFixed(2) // 10.01

注: 由于浮点数的原因,小数5的四舍五入是不确定的,使用的时候必须小心。

(10.055).toFixed(2) // 10.05
(10.005).toFixed(2) // 10.01
(1.345).toFixed(2) // 1.34

2.4 toExponential()转为科学计数法

toExponential方法用于将一个数转为科学计数法形式。

(10).toExponential()  // "1e+1"
(10).toExponential(1) // "1.0e+1"
(10).toExponential(2) // "1.00e+1"

(1234).toExponential()  // "1.234e+3"
(1234).toExponential(1) // "1.2e+3"
(1234).toExponential(2) // "1.23e+3"

toExponential方法的参数是小数点后有效数字的位数,范围为0到100,超出这个范围,会抛出一个 RangeError 错误。

2.5 toPrecision()转为指定位数的有效数字

Number.prototype.toPrecision()方法用于将一个数转为指定位数的有效数字。该方法的参数为有效数字的位数,范围是1到100,超出这个范围会抛出 RangeError 错误。

(12.34).toPrecision(1) // "1e+1"
(12.34).toPrecision(2) // "12"
(12.34).toPrecision(3) // "12.3"
(12.34).toPrecision(4) // "12.34"
(12.34).toPrecision(5) // "12.340"

该方法用于四舍五入时不太可靠,跟浮点数不是精确储存有关。

(12.35).toPrecision(3) // "12.3"
(12.25).toPrecision(3) // "12.3"
(12.15).toPrecision(3) // "12.2"
(12.45).toPrecision(3) // "12.4"

3. 部署自定义方法

与其他对象一样,Number.prototype对象上面可以自定义方法,被Number的实例继承。

注意,数值的自定义方法,只能定义在它的原型对象Number.prototype上面,数值本身是无法自定义属性的。

// 对象实例定义了一个add方法
Number.prototype.add = function (x) {
  return this + x;
};
8['add'](2) // 10

// 数值本身是无法自定义属性
var n = 1;
n.x = 1;
n.x // undefined
Last Updated: 2/17/2022, 10:20:17 AM