【JavaScript 教程】第二章基础知识04—JavaScript Number
英文 | https://www.javascripttutorial.net/
译文 | 杨小爱
在上节中，我们学习了JavaScript的数据类型，错过的小伙伴可以点击文章《【JavaScript 教程】第二章基础知识03—JavaScript 数据类型
那么，在今天的教程中，我们将一起来学习了解 JavaScript Number类型及其有效处理数字的有用方法。
JavaScript 数字类型介绍
除了原始数字类型，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
学习更多技能
请点击下方公众号
