在这篇文章中我们来了解一下“详解JS Number数据结构的用法是怎样”，一些朋友可能会遇到这方面的问题，对此在下文小编向大家来讲解，内容详细，易于理解，希望大家阅读完这篇能有收获哦，有需要的朋友就往下看吧！

前言：

Number 是JavaScript的基本数据结构，是对应数值的应用类型。要创建一个 Number 对象，就使用 Number 构造函数并传入一个数值。在 JavaScript 中没有其他语言这么多的数字类型。根据 ECMAScript 标准，数字只有一种类型，它是“双精度 64 位二进制格式 IEEE 754 值”。这种类型用于存储整数和分数，相当于 Java 和 C 中的 double 数据类型。这个独特性也就导致了 0.1+0.2 为什么不等于 0.3。本文介绍JavaScript使用 Number 的常见问题。

先来看下下面的代码：

console.log(0.1 + 0.2); // 0.30000000000000004

从上面运行结果可以看出 0.1+0.2 不等于 0.3。只有分母为 2 的幂的分数才能有限地表示为二进制形式. 由于 0.1 (1 / 10) 和 0.2 (1 / 5) 的分母不是 2 的幂，因此这些数字不能以二进制格式有限地表示。为了将它们存储为 IEEE-754 浮点数，它们必须四舍五入到尾数的可用位数——半精度为 10 位，单精度为 23 位，双精度为 52 位。根据可用的精度位数，0.1 和 0.2 的浮点近似值可能比相应的十进制表示略小或略大，但永远不会相等。因为这个事实，永远不会有 0.1+0.2 == 0.3。

一、NaN和Infinity

NaN 代表Not a Number 并且它不同于 Infinity，尽管两者通常在实数的浮点表示以及浮点运算中都作为特殊情况处理。NaN 是一个特殊的值，它是唯一一个不等于自身的值，来看看下面的代码理解一个这个值：

const num = 9 + NaN;
console.log(num); // NaN
console.log(NaN == NaN); // false
console.log(NaN === NaN); // false
console.log(Object.is(NaN, NaN)); // true
console.log(isNaN(NaN)); // true
console.log(isNaN("devpoint")); // true
console.log(Number.isNaN(NaN)); // true
console.log(Number.isNaN("devpoint")); // false
console.log(Number.isNaN(+"devpoint")); // true

Infinity 是 JavaScript 中的一个特殊值，表示数学无穷大和溢出值，数字太大以至于“溢出”缓冲区并导致 Infinity。它是计算创建超出 JavaScript 中特殊最大值的数字的结果，该值约为1.79e+308 或 2¹⁰²⁴，即 JavaScript 中可以存储为数字原始类型的最大值。

注意 ：Infinity，-Infinity 和 NaN 是 JavaScript 中唯一的“无限”（非有限）数字。

二、常用方法

在程序中处理数字是一个常见的需求，例如序号、费用、温度等等。下面通过代码展示一些常用的与 Number 有关的方法。

1.安全数字

安全数字是一个数字，其值保证可以正常显示。例如，如果有一个变量值为 900719925474099194 ，那么它是否安全？

下面来看 JavaScript 中安全数字的范围是多少？如何验证？

• Number.MIN_SAFE_INTEGER：-9007199254740991
• Number.MAX_SAFE_INTEGER：9007199254740991
• Number.MAX_VALUE：1.7976931348623157e+308
• Number.MIN_VALUE：`5e-324

const test = 900719925474099194;
console.log(Number.isSafeInteger(test)); // false
console.log(Number.isSafeInteger(9007199254740991)); // true

2.整数判断

在 JavaScript 中对于数字不区分整数、小数等类型，统称为 Number 类型。从下面的代码结果可以想到判断整数的方法：

console.log(Number.isInteger(9)); // true
console.log(Number.isInteger(9 / 2)); // false
console.log(Number.isInteger(9.6)); // false
console.log(9 % 1 === 0); // true
console.log(9.1 % 1 === 0); // false
const checkInteger = (num) => (num | 0) === num;
console.log(checkInteger(9)); // true
console.log(checkInteger(9.1)); // false
console.log(checkInteger("9.0")); // false
console.log(checkInteger("")); // false

3.数字格式判断

下面的代码片段将展示如何检查一个值或变量是否包含一个数字（整数、浮点数等）。

function isNumber(n) {
    return !isNaN(parseFloat(n)) && isFinite(n);
}
console.log(isNumber(100)); // true
console.log(isNumber(3.14)); // true
console.log(isNumber("3.14")); // true
console.log(isNumber("a3.14")); // false
console.log(isNumber("JavaScript")); // false

4.四舍五入

在 JavaScript 中，对数值进行四舍五入操作有很多的方式，下面来一一总结一下。

向上取整：

向上取整使用 Math.ceil()，返回大于或等于 x ，并且与之最接近的整数。

console.log(Math.ceil(9.005)); // 10
console.log(Math.ceil(9.999)); // 10

四舍五入：

Math.round() 是对一个浮点数进行四舍五入，并保留整数位。语法如下：

Math.round(x)

x ：需要处理的数值

返回值，返回给定数字的四舍五入后的值。

console.log(Math.round(9.005)); // 9
console.log(Math.round(9.51)); // 10
console.log(Math.round(9.49)); // 9
console.log(Math.round(9.999)); // 10

固定精度：

.toFixed() 是 Number 原型上实现的一个方法，其作用是对一个浮点数进行四舍五入并保留固定小数位。语法如下：

numObj.toFixed(digits)

digits：小数点后数字的个数；介于 0 到 20 （包括）之间，实现环境可能支持更大范围。如果忽略该参数，则默认为 0。
返回值，返回使用定点表示法表示给定数字的字符串。

const pi = 3.14159265359;
console.log(pi.toFixed(2)); // 3.14
console.log(pi.toFixed(3)); // 3.142

固定长度：

.toPrecison() 也是 Number 原型上实现的一个处理浮点数的方法，和 toFixed 不同的是，它是对一个浮点数进行四舍五入并保留固定长度的有效数字，包括整数部分。语法如下：

numObj.toPrecision(precision)

precision：可选，一个用来指定有效数个数的整数。
返回值，以定点表示法或指数表示法表示的一个数值对象的字符串表示，四舍五入到 precision 参数指定的显示数字位数。

const pi = 3.14159265359;
console.log(pi.toPrecision(3)); // 3.14
console.log(pi.toPrecision(4)); // 3.142

向下取整：

Math.floor() 返回小于或等于一个给定数字的最大整数。

Math.floor(x)

x：一个数字。

返回值，一个表示小于或等于指定数字的最大整数的数字。

console.log(Math.floor(9.005)); // 9
console.log(Math.floor(9.51)); // 9
console.log(Math.floor(9.49)); // 9
console.log(Math.floor(9.999)); // 9

5.生成随机数

通过Math.random() 返回 0-1 之间的随机数的原理，结果乘以最大数并四舍五入即可获得一个介于 0 和 max 之间的数字。

const randomNumber = (max) => Math.round(Math.random() * max);
console.log(randomNumber(100));

进一步完善上面的方法以可以获取指定最小和最大范围的随机数。

const randomNumber = (min, max) =>
    Math.round(Math.random() * (max - min) + min);
    console.log(randomNumber(51, 100));

数学函数 Math 是一个内置对象，它拥有一些数学常数属性和数学函数方法，Math 不是一个函数对象，Math 用于 Number 类型，但它不支持 BigInt。

三、总结

JavaScript 的 Number 对象是经过封装的能让你处理数字值的对象。介绍了JavaScript 中唯一的“无限”（非有限）数子:Infinity，-Infinity 和 NaN ，并提供了一些常用的数字处理方法。

赞
以上就是关于“详解JS Number数据结构的用法是怎样”的介绍了，感谢各位的阅读，希望这篇文章能帮助大家解决问题。如果想要了解更多知识，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• React条件渲染是怎样的，如何理解

  在React中，你可以创建不同的组件来封装各种你需要的行为。然后还可以根据应用的状态变化只渲染其中的一部分。React 中的条件渲染和JavaScript中的一致，使用JavaScript操作符if或条件运算符来创建表示当前状态的元素，然后让React根据它们来更新UI

• JS中的Proxy对象作用是什么？如何使用？

  这篇文章主要给大家介绍JS中的Proxy对象，一些朋友可能对Proxy对象的用途以及用法不是很了解，对此下文有详细的介绍，有需要的朋友可以参考下面的代码，接下来我们一起来学习Proxy对象吧。

• JS中事件委托、事件冒泡、事件捕获的概念怎么理解

  这篇文章主要介绍了事件冒泡、事件捕获和事件委托，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

• 用vue怎样实现dialog封装？方法是啥?

  今天给大家分享的是关于vue实现dialog封装的内容，小编觉得挺实用的，因此分享给大家做个参考，下文还介绍了Vue2 写法、Vue3 插件版写法和Vue3 动态组件写法等等，感兴趣的朋友就继续往下看吧。

• CocosCreator做射击游戏的具体过程及代码是什么

  这篇文章主要介绍了CocosCreator制作射击游戏，各个方面都讲的比较详细，希望同学们自己动手试一下