英文 | https://www.javascripttutorial.net/
译文 | 杨小爱
在上节中,我们学习了JavaScript的数据类型,错过的小伙伴可以点击文章《【JavaScript 教程】第二章基础知识03—JavaScript 数据类型
那么,在今天的教程中,我们将一起来学习了解 JavaScript Number类型及其有效处理数字的有用方法。
除了原始数字类型,JavaScript 还为数值提供了 Number 引用类型。
要创建 Number 对象,请使用 Number 构造函数并传入一个数字值,如下所示:
var numberObject = new Number(100);
本示例定义了一个数值为 100 的 numberObject。
要从 Number 对象中获取原始值,请使用 valueOf() 方法,如下所示:
console.log(numberObject.valueOf()); // 100
要以字符串形式获取数字值,请使用 toString() 或 toLocaleString() 方法。
toString() 方法接受一个可选参数,该参数确定显示数字的基数。基数(或基数)是表示位置数字系统中数字的唯一数字的数量。
例如,十进制系统使用从 0 到 9 的十位数字,因此基数为 10。
请参阅以下示例:
var aNumber = new Number(10);
console.log(aNumber.toString()); // "10"
在此示例中,aNumber 的原始值为 10,因此,toString() 方法在十进制系统中返回 10。
但是,以下示例返回 aNumber 变量的二进制形式。
console.log(aNumber.toString(2)); // "1010"
如果对原始数值调用方法,JavaScript 会暂时将其转换为 Number 对象。这个特性在 JavaScript 中称为原始包装器类型。例如:
let x = 10;
console.log(x.toString(16)); // "a"
格式化数字
要使用指定数量的小数点格式化数字,请使用 toFixed() 方法。
toFixed() 方法接受一个参数,该参数指示应使用多少个小数点。
numberObject.toFixed(decimalPlaces);
toFixed() 方法使用定点表示法返回数字的相应字符串。这是一个例子。
var distance = 19.006
console.log(distance.toFixed(2)); // 19.01
distance = 19.004;
console.log(distance.toFixed(2)); // 19.00
需要注意的是,Web 浏览器可能会以不同的方式使用舍入方法。因此,在使用 toFixed() 方法时应该小心,尤其是对于处理货币价值的应用程序。
要以电子表示法格式化数字,请使用 toExponential() 方法,如下例所示。
var x = 10, y = 100, z = 1000;
console.log(x.toExponential());
console.log(y.toExponential());
console.log(z.toExponential());
// "1e+1"
// "1e+2"
// "1e+3"
要获得指定精度的数字对象的字符串表示形式,请使用 toPrecision() 方法。
numberObject.toPrecision(precision);
precision 参数确定有效位数。
toPrecision() 方法以指数表示法或四舍五入到精度有效数字的定点返回 Number 对象的字符串表示形式。
请注意,如果省略 precision 参数,则 toPrecision() 方法的行为将类似于 toString() 方法。请参阅以下示例:
let x = 9.12345;
console.log(x.toPrecision()); // '9.12345'
console.log(x.toPrecision(4)); // '9.123'
console.log(x.toPrecision(3)); // '9.12'
console.log(x.toPrecision(2)); // '9.1'
console.log(x.toPrecision(1)); // '9'
在某些情况下可能会返回电子注释,例如:
x = 123.5;
console.log(x.toPrecision(2)); // "1.2e+2"
JavaScript 数字对象与原始数字
下表说明了 Number 对象和原始数字之间的区别:
以下是示例:
let numberObject = new Number(10);
let number = 10;
// typeof
console.log(typeof numberObject);
console.log(typeof number);
// instanceof
console.log(numberObject instanceof Number); // true
console.log(number instanceof Number); // false
总结
在本教程中,我们学习并了解了Number格式化数字的类型和一些有用的方法。下节教程中,我们将学习Boolean类型。
最后,感谢您的阅读,敬请关注。
推荐阅读
【JavaScript 教程】第二章基础知识03—JavaScript 数据类型
【JavaScript 教程】第二章基础知识02—JavaScript 变量
【JavaScript 教程】第二章基础知识01—JavaScript 语法
【JavaScript 教程】第一章入门03— Hello World 示例
【JavaScript 教程】第一章入门02—JavaScript 代码编辑器及网页开发工具
【JavaScript 教程】第一章入门01—认识JavaScript
学习更多技能
请点击下方公众号