使用 ES12 中的 BigInt64Array 和 BigUint64Array 处理大整数

在传统的 JavaScript 中,处理大整数的能力受到了限制。当数字超出了 JavaScript 的 Number 类型的最大值时,我们就需要借助一些工具或外部库来进行处理。但是在 ES12 中,引入了新的类型——BigInt,以及针对大整数处理的两种新的数组类型——BigInt64Array 和 BigUint64Array。本文将探讨如何使用这两种新数组类型处理大整数。

介绍 BigInt64Array 和 BigUint64Array

BigInt64Array 和 BigUint64Array 这两种数组类型的名称表达了它们的本质:这两种数组类型都是由 64 位的整数组成的。BigInt64Array 中存储的整数是有符号的,而 BigUint64Array 中存储的整数是无符号的。这两种数组类型的 API 非常类似于 JavaScript 数组的 API,它们都支持 push、pop、slice 等常见的操作,以及 forEach、map、reduce 等遍历和聚合方法。

下面是创建 BigInt64Array 和 BigUint64Array 对象的基本示例代码:

-- -- ------------- --
----- ------------- - --- ------------------

-- -- -------------- --
----- -------------- - --- -------------------

上述示例中,我们分别创建了一个长度为 10 的 BigInt64Array 和一个长度为 10 的 BigUint64Array。这里需要注意一点,那就是这两种数组类型只支持 64 位整数类型,也就是说传递给它们的参数必须是 BigInt 类型或 64 位的 Number 类型。如果传递的是一个普通的 Number 类型,那么它会被当作普通的数组元素而不是整数值。

在创建好数组对象之后,我们可以通过数组下标或相应的方法来访问和修改数组中的元素。下面是对 BigInt64Array 和 BigUint64Array 进行操作的例子:

-- -- ------------- --
----- ------------- - --- ------------------

-- -------
---------------- - ----------------

-- ------
------------------------------ -- ------------------

-- -- ------- ----
------------------------- -- -
    -----------------
---

-- -- --- ----
----- ---------------- - --------------------- -- --- - ----

-- -- ------ ----
----- -------- - -------------------------- ---- -- --- - ---- ----

上述示例中,我们通过下标、forEach、map 和 reduce 方法来访问和操作 BigInt64Array 数组中的元素,并演示了如何创建和使用 BigUint64Array 数组。我们可以看出,这两种数组类型和普通的 JavaScript 数组非常相似,只不过它们存储的是 64 位整数。

处理大整数

接下来,我们讨论如何使用 BigInt64Array 和 BigUint64Array 来处理大整数。在这里,我们通过另一个案例展示它们的强大能力。

假设我们现在需要计算两个非常大的整数的和,比如 10000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000000,我们无法直接将它们相加,因为它们已经超出了 JavaScript 对 Number 类型的最大限制。在这种情况下,我们可以借助 BigInt64Array 和 BigUint64Array 来处理这个问题。

-- ----------------
----- ---- - --- -------------------------------------- -----
----- ---- - --- -------------------------------------- -----

-- ------------
--- ------ - --- ------------------- -----

-- ----
--- ----- - ---
--- ---- - - -- - - ------------ ---- -
    ----- --- - ------- - ------- - ------
    --------- - --- - --------------------
    ----- - --- -- ----
-

-- ----
-------------------- -- ------- ---

上述代码中,我们使用了 BigUint64Array 类型来存储两个大整数 10000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000000。接着,我们逐位将这两个数相加,并将结果存储在一个新的 BigUint64Array 对象中。最后,我们可以得到正确的答案 [3n, 0n],也就是 3000000000000000000000000000000000000000000000000000000000000000,这个数已经超出了 JavaScript 的 Number 类型的最大值。

总结

在 ES12 中,我们可以使用 BigInt64Array 和 BigUint64Array 来处理大整数。这两种数组类型支持 64 位整数类型,并且提供了类似于普通 JavaScript 数组的 API,方便我们访问和修改数组元素。BigUint64Array 可以存储任何非负的 64 位整数,BigInt64Array 则可以存储任意 64 位整数(包括负数)。通过这两种类型,我们可以更加方便地处理超出普通 JavaScript 数字范围的大整数。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/64a4ee5848841e989415b1c8


猜你喜欢

  • Angular 服务的几种实现方式介绍

    什么是 Angular 服务 在 Angular 中,服务是一个可注入的类,用于共享数据和逻辑代码。它可以在多个组件之间共享数据、处理 HTTP 请求、管理应用状态等。

    1 年前
  • 使用 Fastify 中间件监视 HTTP 请求和响应

    在现代 Web 开发中,中间件是一项非常重要的技术。中间件允许您在处理 HTTP 请求和响应之前以及之后执行逻辑,这为我们提供了很多可能性,例如处理 Cookie、进行认证、压缩响应等。

    1 年前
  • 利用 ES12 中的 String.prototype.matchAll 方法解决正则表达式全局匹配问题

    正则表达式在前端开发中起到了非常重要的作用,它可以用来校验表单数据、解析 URL、提取 HTML 标签等等。但是在实际使用中,我们会遇到一个非常麻烦的问题:如何捕获全局匹配? 在过去,我们可以使用St...

    1 年前
  • Sequelize 中使用 ENUM 类型的技巧

    在 Sequelize 中,ENUM 是一种可以存储指定范围内允许的值的数据类型,它非常适合用来存储表示状态的数据。在本文中,我们将探讨 Sequelize 中使用 ENUM 类型的技巧,讨论 ENU...

    1 年前
  • 如何解决 Vue.js 中的事件传递问题及原理

    背景 在使用 Vue.js 开发 Web 应用时,我们经常会在组件间传递事件。但是,当组件嵌套层级比较深的时候,我们可能会遇到事件传递的问题,即某个组件发出的事件无法被父组件或者其他组件收到。

    1 年前
  • 使用 Mongoose 的 findOneAndUpdate 方法更新数据

    在前端开发中,经常需要对数据库中的数据进行更新操作。对于 MongoDB,我们可以使用 Mongoose 这个工具来进行操作,其中 findOneAndUpdate 方法能够方便地实现单个文档的更新操...

    1 年前
  • 使用 LESS 编写自适应菜单的实现方法

    随着移动设备的普及,网站和应用程序的自适应设计变得越来越重要。其中,自适应菜单也成为了前端开发者需要面对的一个问题。在本文中,我们将介绍如何使用 LESS 编写自适应菜单的实现方法。

    1 年前
  • 详解 JavaScript 类 (Class) 在 ES6 中的用法

    在 ES6 中,JavaScript 新增了 class 关键字,用于定义类。类可以看做是一种语法糖,其实现机制仍然是基于原型(prototype)的面向对象编程(OOP)。

    1 年前
  • Redis 集群优化技巧分享

    前言 Redis 是一个高性能的 NoSQL 数据库,广泛应用于存储和缓存数据。在使用 Redis 时,为了保证高可用性和高性能,常常会使用 Redis 集群来分散负载和减少单点故障的风险。

    1 年前
  • Headless CMS 在网站性能优化方面的应用实践

    随着 Web 技术的不断发展,网站的开发过程也变得更加复杂。尤其是在内容管理方面,传统的 CMS(Content Management System,内容管理系统)基本上都具备了前端渲染、数据管理、权...

    1 年前
  • 使用 Prisma 和 GraphQL 构建全栈应用

    前言 前端开发者总是面临着一些挑战,例如前端与后端的通信,数据库的管理等等。而 Prisma 和 GraphQL 正好可以解决这些问题。在本文中,我们将展示如何使用 Prisma 和 GraphQL ...

    1 年前
  • 在 Cypress 中如何测试 CSS 样式

    前言 在前端开发中,很多时候我们需要测试页面的样式是否符合预期,比如字体大小、颜色、对齐方式等,这些都是 CSS 样式所涉及到的。那么在 Cypress 中如何测试 CSS 样式呢?本文将详细介绍 C...

    1 年前
  • MongoDB 集群的搭建与部署

    前言 MongoDB 是一款非常流行的 NoSQL 数据库,其灵活的数据结构设计和复杂查询支持在互联网应用中得到了广泛的应用。为了提高 MongoDB 的性能和可靠性,我们可以将多个 MongoDB ...

    1 年前
  • Enzyme 测试中检测 React 组件的内存泄漏问题

    Enzyme 测试中检测 React 组件的内存泄漏问题 在前端开发中,内存泄漏是一个常见的问题。React 组件在渲染过程中会消耗一定的内存资源,如果组件没有被正确卸载或者存在循环引用等问题,就会导...

    1 年前
  • Socket.io 如何避免数据的粘包问题

    在前端开发中,Socket.io 是一个常用的框架,它提供了实时通信的能力。然而,当数据传输的速度快于处理速度时,就会出现“粘包”问题,即多个数据包打包在一起,导致接收到的数据无法正确解析。

    1 年前
  • 如何在 Deno 中使用 Mocha 进行单元测试?

    前言 在前端开发中,单元测试是不可或缺的一环。它可以帮助我们发现代码中的逻辑错误、提高代码质量、降低后期维护成本。作为一个新兴的 JavaScript 运行时,Deno 在这方面也是具备一定的优势的。

    1 年前
  • 利用 Webpack-dev-server 模拟服务器数据

    前端开发不仅需要运用各种前端技术,还需要和后端开发人员密切合作。其中一个重要的环节是前后端数据交流。常见的方法是让后端提供一份 API 文档,并在前端请求时调用。然而在开发初期,API 尚未开发完成,...

    1 年前
  • 如何在 Jest 中使用 Hooks 进行测试

    如何在 Jest 中使用 Hooks 进行测试 React Hooks 是 React 16.8 中一个新的特性,它让我们可以在函数组件中使用状态和其他 React 特性。

    1 年前
  • 基于 Chai 扩展的状态转换机工具的实现

    前言 在前端开发中,状态转换机作为一种常见的模型,可以被广泛应用于各种场景,如有限状态机、自动机等。而针对状态转换机的实现,Chai 是一个备受推崇的断言库,不少开发者都很熟悉。

    1 年前
  • 如何在 React 中实现无限滚动列表

    如何在 React 中实现无限滚动列表 实现无限滚动列表是前端应用的一个重要组成部分,尤其是当应用需要展示大量数据时。在 React 中,我们可以使用一些工具和技巧来实现无限滚动列表。

    1 年前

相关推荐

    暂无文章