看完这篇文章后，对 toLocaleString api 的印象比较深刻，想到在处理金额的场景中，这玩意儿也许会有点儿用。

重点：

  1. 将 val 转为数字类型：Number(val)、+val
  2. num 保留 n 位小数：num.toFixed(n)

js Number 对象 - 图1

概述

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

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

  1. var n = new Number(1);
  2. typeof n // "object"

上面代码中，Number对象作为构造函数使用，返回一个值为1的对象。

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

  1. Number(true) // 1

上面代码将布尔值true转为数值1。Number作为工具函数的用法，详见 JS 数据类型的转换。

静态属性

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。
  1. Number.POSITIVE_INFINITY // Infinity
  2. Number.NEGATIVE_INFINITY // -Infinity
  3. Number.NaN // NaN
  5. Number.MAX_VALUE
  6. // 1.7976931348623157e+308
  7. Number.MAX_VALUE < Infinity
  8. // true
  10. Number.MIN_VALUE
  11. // 5e-324
  12. Number.MIN_VALUE > 0
  13. // true
  15. Number.MAX_SAFE_INTEGER // 9007199254740991
  16. Number.MIN_SAFE_INTEGER // -9007199254740991

实例方法

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

Number.prototype.toString()

Number对象部署了自己的toString方法，用来将一个数值转为字符串形式。

  1. (10).toString() // "10"

**toString**方法可以接受一个参数，表示输出的进制。如果省略这个参数，默认将数值先转为十进制，再输出字符串；否则，就根据参数指定的进制，将一个数字转化成某个进制的字符串。

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

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

  1. 10.toString(2)
  2. // SyntaxError: Unexpected token ILLEGAL

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

  1. 10..toString(2)
  2. // "1010"
  4. // 其他方法还包括
  5. 10 .toString(2) // "1010"
  6. 10.0.toString(2) // "1010"

这实际上意味着，可以直接对一个小数使用**toString**方法。

  1. 10.5.toString() // "10.5"
  2. 10.5.toString(2) // "1010.1"
  3. 10.5.toString(8) // "12.4"
  4. 10.5.toString(16) // "a.8"

通过方括号运算符也可以调用toString方法。

  1. 10['toString'](2) // "1010"

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

Number.prototype.toFixed()

**toFixed()**方法先将一个数转为指定位数的小数，然后返回这个小数对应的字符串。

  1. (10).toFixed(2) // "10.00"
  2. 10.005.toFixed(2) // "10.01"

上面代码中，10和10.005先转成2位小数，然后转成字符串。其中10必须放在括号里，否则后面的点会被处理成小数点。

toFixed()方法的参数为小数位数，有效范围为0到100，超出这个范围将抛出 RangeError 错误。

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

  1. (10.055).toFixed(2) // 10.05
  2. (10.005).toFixed(2) // 10.01

Number.prototype.toExponential()

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

  1. (10).toExponential()  // "1e+1"
  2. (10).toExponential(1) // "1.0e+1"
  3. (10).toExponential(2) // "1.00e+1"
  5. (1234).toExponential()  // "1.234e+3"
  6. (1234).toExponential(1) // "1.2e+3"
  7. (1234).toExponential(2) // "1.23e+3"

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

Number.prototype.toPrecision()

**Number.prototype.toPrecision()**方法用于将一个数转为指定位数的有效数字。

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

该方法的参数为有效数字的位数，范围是1到100，超出这个范围会抛出 RangeError 错误。

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

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

Number.prototype.toLocaleString()

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

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

该方法还可以接受第二个参数配置对象，用来定制指定用途的返回字符串。该对象的style属性指定输出样式，默认值是decimal，表示输出十进制形式。如果值为percent，表示输出百分数。

  1. (123).toLocaleString('zh-Hans-CN', { style: 'percent' })
  2. // "12,300%"

如果style属性的值为currency，则可以搭配currency属性，输出指定格式的货币字符串形式。

  1. (123).toLocaleString('zh-Hans-CN', { style: 'currency', currency: 'CNY' })
  2. // "￥123.00"
  4. (123).toLocaleString('de-DE', { style: 'currency', currency: 'EUR' })
  5. // "123,00 €"
  7. (123).toLocaleString('en-US', { style: 'currency', currency: 'USD' })
  8. // "$123.00"

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

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

自定义方法

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

  1. Number.prototype.add = function (x) {
  2.   return this + x;
  3. };
  5. 8['add'](2) // 10

上面代码为Number对象实例定义了一个add方法。在数值上调用某个方法，数值会自动转为Number的实例对象，所以就可以调用add方法了。由于add方法返回的还是数值，所以可以链式运算。

  1. Number.prototype.subtract = function (x) {
  2.   return this - x;
  3. };
  5. (8).add(2).subtract(4)
  6. // 6

上面代码在Number对象的实例上部署了subtract方法，它可以与add方法链式调用。

我们还可以部署更复杂的方法。

  1. Number.prototype.iterate = function () {
  2.   var result = [];
  3.   for (var i = 0; i <= this; i++) {
  4.     result.push(i);
  5.   }
  6.   return result;
  7. };
  9. (8).iterate()
  10. // [0, 1, 2, 3, 4, 5, 6, 7, 8]

上面代码在Number对象的原型上部署了iterate方法，将一个数值自动遍历为一个数组。

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

  1. var n = 1;
  2. n.x = 1;
  3. n.x // undefined

上面代码中，n是一个原始类型的数值。直接在它上面新增一个属性x，不会报错，但毫无作用，总是返回undefined。这是因为一旦被调用属性，n就自动转为Number的实例对象，调用结束后，该对象自动销毁。所以，下一次调用n的属性时，实际取到的是另一个对象，属性x当然就读不出来。

参考资料

Number.prototype.toLocaleString() - JavaScript | MDN