当前位置: 首页 > 工具软件 > Numeral.js > 使用案例 >

js Number对象

鲁弘厚
2023-12-01

概述

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

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

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

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

Number(true) //1

上面的代码将布尔值true转换为1。Number作为工具函数的用法。请参考数据类型装换一节。

Number对象的属性

Number对象拥有以下的一些属性。

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

Number对象实例的方法

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

Number.prototype.toString()

Number对象部署了自己的toString方法,用于将一个数值转换成字符串形式。

(10).toString() //'10'

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

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

上面代码中将10放在括号里,是为了表明10是一个单独的数值,后面的点表示调用对象的属性。如果不加括号,这个点会被JavaScrip引擎解释成小数点,从而报错。

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

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

10..toSting(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"
10.5.toString(16) //"a.8"

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

10['toString'](2) //'1010'

将其他进制的数,转回十进制,需要使用parseInt方法。

Number.prototype.toFixed()

toFixed方法用于将一个数转换为指定位数的小数,返回这个小数对象的 字符串。

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

上面代码分别将10和10.005转换成两位小数的格式。其中,10必须放在括号里,否则后面的点运算符会被处理成小数点,而不是表示调用对象的方法;而10.005就不用放在括号里,因为第一个点被解释成小数点,第二个点就只能解释为点运算符。

toFixed方法的参数为指定的小数位数,有效范围为0到20,超出这个范围将抛出RangeError错误。

Number.prototype.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到20,超出这个范围,会抛出一个RangeError。

Number.prototype.toPrecision()

toPrecision方法用于将一个数转为指定位数的有效数字。

(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"

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

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

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

自定义方法

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

Number.prototype.add = function(x){
    return this + x;
}

上面代码为Number对象实例定义了一个add方法。

在数值上调用某个方法,数值会自动转为Number的实例对象,所以就得到了下面额结果。

8['add'](2) // 10

由于add方法返回的还是数值,多以可以链式运算。

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

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

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

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

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

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

 类似资料: