ES7 中全新的 TypedArrays

Typed Arrays 是 ECMAScript6 中新增的数据类型,它们提供了一个类数组对象,存储固定类型、固定长度的数据。在 ES7 中,这个功能得到了扩展,增加了更多的构造函数和方法,使得 Typed Arrays 更加丰富、强大。

基础知识

在 ES7 中,Typed Arrays 的构造函数如下:

  • Int8Array:8 bits 有符号整数;
  • Uint8Array:8 bits 无符号整数;
  • Int16Array:16 bits 有符号整数;
  • Uint16Array:16 bits 无符号整数;
  • Int32Array:32 bits 有符号整数;
  • Uint32Array:32 bits 无符号整数;
  • Float32Array:32 bits 浮点数;
  • Float64Array:64 bits 浮点数。

创建 Typed Arrays 的方法有两种:

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

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

在创建 Typed Arrays 时,需要指定一个 ArrayBuffer(缓冲区)的长度,然后构造一个 TypedArray。使用 from 方法时,可以直接将一个数组转换成 TypedArray,无需缓冲区。

新增方法

find 和 findIndex

find 和 findIndex 方法用于查找符合条件的第一个元素,并返回该元素或者索引。这两个方法的参数是一个回调函数,用于判断是否符合条件。

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

includes

includes 方法用于判断当前 TypedArray 是否包含指定元素。它的参数是一个要查找的值和一个可选的起始值。如果找到则返回 true,否则返回 false。

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

fill

fill 方法用于将整个 TypedArray 或部分内容填充为指定值。它的参数是要填充的值,以及可选的起始位置、结束位置。

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

copyWithin

copyWithin 方法用于将 TypedArray 中指定的元素复制到其他位置。它的参数是目标位置、起始位置、结束位置。

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

总结

ES7 中新增的 TypedArrays 功能更加强大,提供了更多的构造函数和方法,使得处理和操作定长数据更加方便、高效。对于前端开发者而言,掌握这些知识点不仅有助于提升开发效率,也有助于写出更高质量的代码。

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


猜你喜欢

  • PWA 技术:如何提高用户留存率

    Progressive Web App(PWA)是一种融合了 web 和 app 的新型应用开发方式,它将 web 应用通过 Service Worker、Manifest 和 App Shell 等...

    1 年前
  • MongoDB 的复制集实现方法及原理

    简介 MongoDB 是一款流行的 NoSQL 数据库,而复制集是 MongoDB 中最常用的高可用性解决方案之一。本文将详细介绍 MongoDB 复制集的实现方法及原理,以及如何使用复制集提高 Mo...

    1 年前
  • 用 CSS Sprite 提升网页性能优化

    在现代网页设计中,许多网站都会使用大量的图片来丰富页面的设计和内容,但是过多的图片会导致网页的加载速度变慢,影响用户体验。为了解决这一问题,我们可以使用 CSS Sprite 技术来优化网页性能,提升...

    1 年前
  • TypeScript 中的交叉类型

    在 TypeScript 中,交叉类型是一个强大的类型系统功能,它可以将多个类型合并为一个更大的类型。本文将详细介绍交叉类型的概念、应用和示例代码,以及如何在实际中使用交叉类型提高代码的可读性和可复用...

    1 年前
  • Redis 主从复制时发生断线怎么办?

    在 Redis 中,主从复制是常用的一种技术,它可以将一个 Redis 服务器上的数据同步到其他服务器上。然而,这种同步可能会出现一些问题,比如断线、网络延迟等,从而导致主从复制无法正常进行。

    1 年前
  • Next.js 应用中如何使用 Sass?

    前言 现如今,在 Web 开发中,CSS 预编译器(如 Sass,Less 等)已经成为了开发人员不可或缺的工具之一。Sass 可以让我们更加高效地编写 CSS,提高代码的可重用性和可维护性。

    1 年前
  • 如何在 Deno 中处理图像

    前言 在前端开发中,我们经常需要对图片进行一些处理,比如裁剪、旋转、压缩等。近年来,由于 Deno 的快速发展,它也成为了前端开发中一个备受瞩目的技术。本文将介绍如何在 Deno 环境中处理图像,旨在...

    1 年前
  • React 项目中实现页面级别的 Loading 效果

    在现代 Web 应用中,加载反馈是非常重要的一部分。而在 React 应用中,实现页面级别的 Loading 效果是一项常见的需求。 本文将介绍如何在 React 项目中实现页面级别的 Loading...

    1 年前
  • Custom Elements 出现的缘由探析

    在过去的几年中,Web 组件化变得越来越流行。许多前端框架和库都依赖于组件系统以提高开发速度和代码可维护性。随着 Google 推出的 Polymer 开始使用 Web Components,许多开发...

    1 年前
  • Hapijs + Sequelize + Passport + JWT 实现 API 认证

    在现代的 Web 开发中,API 认证是一项非常重要的任务。它可以保护我们的系统免受未授权的访问,同时提供了对用户和数据的安全管理。在这篇文章中,我们将详细介绍如何使用 Hapijs、Sequeliz...

    1 年前
  • BigInt 在 ECMAScript 2020 中的新功能

    在 ECMAScript 2020(又称 ES11)中引入了新的数据类型 BigInt,用于处理超出 53 位整数范围的数值运算。BigInt 在前端开发中具有重要的意义,因为它提供了一种可靠的方式来...

    1 年前
  • ES8 中的 async 与 Promise:异步方法的优化

    作为 JavaScript 中的异步编程利器,Promise 在很多项目中得到了广泛应用。而在 ES8 中,async 函数将 Promise 的代码编写方式进一步简化了。

    1 年前
  • Docker 的网络问题解决方法

    Docker 是一个开源的应用容器引擎,可以帮助开发人员更方便地构建、打包、部署和运行应用程序。Docker 提供了完整的开发环境,可以运行在不同的操作系统上,使得应用程序的打包和部署更为容易。

    1 年前
  • Angular 如何在组件中引入 CSS 样式

    在使用 Angular 进行前端开发时,我们通常需要为组件添加特定的样式来实现UI设计。而这些样式通常都以 CSS 文件的形式存在。那么在 Angular 中,我们如何将这些 CSS 样式引入到组件中...

    1 年前
  • 开源 Headless CMS 应用实例及源码分享

    随着移动互联网时代的到来,前端技术的发展也日新月异。前端领域中的一大趋势是 Headless CMS 的应用,该技术的应用可以帮助开发者更好地管理内容和数据。本文将比较系统地介绍 Headless C...

    1 年前
  • PM2 管理与部署:你需要知道的全部!

    在现代的 Web 开发环境中,对于前端开发者来说,后端服务的部署和管理是一个很重要的问题。无论是开发环境还是生产环境,都需要保证服务的稳定性和可靠性。为了方便地实现服务的管理和部署,我们可以使用 PM...

    1 年前
  • ES6 中的 Reflect 对象及其应用

    Reflect 对象是 ES6 中新引入的一个全局对象,提供了一组静态方法,这些方法与 Object 对象上的方法具有相同的功能,但设计得更加合理和安全。在本文中,我们将介绍 Reflect 对象及其...

    1 年前
  • 如何在 webpack2 中使用 ESLint

    ESLint 是一款用于静态代码分析的工具,它可以帮助我们在编写代码时发现一些潜在的问题,同时也可以统一规范代码风格。如果你正在使用 webpack2 进行前端项目的开发,那么使用 ESLint 可以...

    1 年前
  • 解密 RxJS 7 的 ES12 升级版

    RxJS(Reactive Extensions for JavaScript)是一个使用 Observable 构建异步和基于事件的程序的库。RxJS 7 是 RxJS 的最新版本,相较于前一版本 ...

    1 年前
  • Serverless 如何实现应用程序容错性

    随着云计算技术的快速发展,Serverless 成为了一个备受关注的领域。Serverless 架构的核心之一就是容错。在 Serverless 应用中,容错不仅仅是错误处理和异常处理,而且还是一个应...

    1 年前

相关推荐

    暂无文章