从0开始学习JavaScript--JavaScript类型化数组进阶

前面的文章,已经介绍了JavaScript类型化数组的基本概念、常见类型和基本操作。在本文中,我们将深入探讨类型化数组的一些进阶特性,包括共享内存、大端小端字节序、以及类型化数组与普通数组之间的转换,通过更丰富的示例代码,帮助大家更好地理解和应用这些高级功能。

1. 共享内存

类型化数组可以通过共享内存的方式,实现不同TypedArray之间的数据共享。这种共享内存的方式能够在不拷贝底层二进制数据的情况下,让不同的TypedArray共享相同的数据。

// 示例:共享内存
let buffer = new ArrayBuffer(16); // 创建一个包含16字节的内存// 创建两个视图,共享同一块内存
let intArray = new Int32Array(buffer);
let uintArray = new Uint8Array(buffer);intArray[0] = 42;
uintArray[4] = 255;console.log(intArray[0]); // 输出:42
console.log(uintArray[4]); // 输出:255

在这个例子中,创建了一个包含16字节的ArrayBuffer,然后通过Int32ArrayUint8Array两个视图,分别以32位整数和8位无符号整数的方式解释这段内存。通过共享同一块内存,它们可以互相影响。

2. 大端小端字节序

在计算机中,多字节数据的存储顺序有两种:大端字节序(Big Endian)和小端字节序(Little Endian)。大端字节序是将高位字节存储在低地址,小端字节序则相反。在处理二进制数据时,了解字节序很重要,因为不同平台可能使用不同的字节序。

// 示例:大端小端字节序
let buffer = new ArrayBuffer(4); // 创建一个包含4字节的内存// 创建两个视图,一个使用大端字节序,一个使用小端字节序
let viewBigEndian = new DataView(buffer);
let viewLittleEndian = new DataView(buffer);viewBigEndian.setInt32(0, 42, false); // 使用大端字节序存储32位整数
viewLittleEndian.setInt32(0, 42, true); // 使用小端字节序存储32位整数console.log(viewBigEndian.getInt32(0, false)); // 输出:42
console.log(viewLittleEndian.getInt32(0, true)); // 输出:42

在这个例子中,创建了一个包含4字节的ArrayBuffer,并使用DataView创建了两个视图,一个使用大端字节序,一个使用小端字节序。通过设置不同的字节序进行存储和读取,我们可以看到相同的值在不同的字节序下的表示。

3. TypedArray与普通数组转换

TypedArray与普通数组之间可以相互转换,这在一些场景下很有用。TypedArray提供了from()of()方法,使得转换更为方便。

// 示例:TypedArray与普通数组转换
let normalArray = [1, 2, 3, 4];// 从普通数组创建TypedArray
let intArray = Int32Array.from(normalArray);
let floatArray = Float32Array.from(normalArray);console.log(intArray); // 输出:Int32Array [1, 2, 3, 4]
console.log(floatArray); // 输出:Float32Array [1, 2, 3, 4]// 将TypedArray转换为普通数组
let backToNormalArray1 = Array.from(intArray);
let backToNormalArray2 = Array.of(...floatArray);console.log(backToNormalArray1); // 输出:[1, 2, 3, 4]
console.log(backToNormalArray2); // 输出:[1, 2, 3, 4]

在这个例子中,使用from()方法从普通数组创建了两个TypedArray,然后使用Array.from()Array.of()方法将TypedArray转换为普通数组。

4. 实际应用场景

共享内存和字节序的处理在一些高性能计算和网络通信的场景中非常有用。在处理复杂数据结构时,共享内存能够避免不必要的内存拷贝,提高性能。而在进行跨平台数据交互时,了解和处理字节序能够确保数据的正确解释。

// 示例:实际应用场景 - 简单的网络通信
let socket = new WebSocket("wss://example.com");socket.addEventListener("message", (event) => {let data = new Uint8Array(event.data); // 接收到的数据以Uint8Array的形式解释// 处理接收到的数据...
});let sendData = new Uint32Array([42, 87, 123]);
socket.send(sendData.buffer); // 发送数据,使用共享内存

在这个例子中,使用WebSocket进行简单的网络通信,接收到的数据以Uint8Array的形式解释,而发送数据则使用了Uint32Array的共享内存。

总结

在这篇文章中,分享了JavaScript类型化数组的高级特性,包括共享内存、大端小端字节序、以及类型化数组与普通数组之间的转换。这些特性为处理复杂数据结构和优化性能提供了有力支持。

了解大端小端字节序的概念是处理多字节数据的关键,尤其在跨平台数据交互时。我们通过示例代码演示了如何使用DataView处理不同字节序下的数据,确保数据的正确解释和传输。

类型化数组与普通数组的相互转换为开发者提供了更灵活的操作方式。通过from()of()方法,可以轻松地在TypedArray和普通数组之间进行转换,使得在不同数据结构之间的切换更为便捷。

在实际应用场景中,通过简单的网络通信示例展示了这些高级特性的实际应用。WebSocket通信中使用Uint8Array和Uint32Array,以及共享内存的方式,使得数据传输更为高效。

JavaScript类型化数组的进阶特性为处理底层二进制数据提供了更多选择和优化空间。随着Web平台的不断发展,对于处理大规模数据的需求日益增长,这些特性将成为Web开发中不可或缺的利器。通过深入研究和实践这些高级特性,可以更好地应对未来Web开发的挑战。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/157378.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Keil MDK 安装

0 Preface/Foreword 1 下载和安装 官网:Keil Embedded Development Tools for Arm, Cortex-M, Cortex-R4, 8051, C166, and 251 processor families. Keil MDK 下载链接:Keil MDK 1.1 下载 根据需求下载对应的Keil MDK edition。 不同的editions包括 …

WaveletPool:抗混叠在微小目标检测中的重要性

文章目录 摘要1、简介2、相关研究2.1、微小物体检测2.2. 抗锯齿过滤器3、方法3.1. Wavelet Pooling3.2 一致顺序的Wavelet Pooling的WaveCNet3.3、Bottom-Heavy Backbone4、实验4.1、预训练数据集4.2、微小目标检测数据集4.3、抗混叠方法的选择及应用顺序4.4、小波的选择4.5、T…

Monoxide relay机制和连弩挖矿

这篇文章就两个点,relay机制 、 连弩挖矿 relay 最终原子性 Eventual Atomicity 一笔跨链交易,从取款shard中发出,到存款shard中. 当收款shard中将这笔夸片交易打包上链后,原子性才执行结束。 这样做的延迟是比较小的。 如何应…

Linux awk命令

一. 查询时间超过2000毫秒的请求 ✅log: 20231119-1.log 2023:11:19 09:07:10 SPLEND2000 请求开始 110 END 2023:11:19 09:07:11 SPLEND1000 请求开始 120 END 2023:11:19 09:07:12 SPLEND3000 请求开始 119 END 2023:11:19 09:07:13 SPLEND4000 请求开始 156 END 2023:11:1…

深度神经网络下的风格迁移模型

版权声明:本文为博主原创文章,转载请在显著位置标明本文出处以及作者网名,未经作者允许不得用于商业目的。 斯坦福大学李飞飞团队的风格迁移模型是一种基于深度学习的图像处理技术,可以将一张图像的风格转移到另一张图像上。该模型…

Go 命名规范:全面指南

关注公众号【爱发白日梦的后端】分享技术干货、读书笔记、开源项目、实战经验、高效开发工具等,您的关注将是我的更新动力! 在软件开发领域中,命名规范在提升代码可读性、可维护性和一致性方面起着至关重要的作用。良好定义的命名规范确保代码…

python之循环

知识点:while 使用while循环一般需要定义一个标志位,用来开始和结束循环 flag True 注意:这里的True一定要大写,否则无法识别 当要循环结束的时候 flag False 例子 # 遍历所有的子列表,找出列表之和为最大的列表 d…

notepad++

目录 notepad标签自动补齐notepad安装插件:Emmet 和 Python Script第 1 步,安装emmet第 2 步,安装 Python Script第 3 步 更改快捷键 安装html代码格式化插件tidy21 安装2 使用2.1 效果 notepad快捷键 notepad标签自动补齐 1 2 3 打标签时…

MySQL数据库备份与恢复:物理备份和逻辑备份详解

MySQL数据库的备份与恢复是数据库管理中至关重要的一环,它确保了数据的安全性和可恢复性。在本文中,我们将深入讨论如何进行MySQL数据库的备份和恢复,并详解物理备份和逻辑备份的概念及区别。 1. 如何备份和恢复MySQL数据库? 1.…

编写函数求定积分的通用函数

归纳编程学习的感悟, 记录奋斗路上的点滴, 希望能帮到一样刻苦的你! 如有不足欢迎指正! 共同学习交流! 🌎欢迎各位→点赞 👍 收藏⭐ 留言​📝 不积跬步无以至千里,…

Hfish安全蜜罐部署

一、Hfish蜜罐介绍 HFish蜜罐官网 HFish是一款社区型免费蜜罐,侧重企业安全场景,从内网失陷检测、外网威胁感知、威胁情报生产三个场景出发,为用户提供可独立操作且实用的功能,通过安全、敏捷、可靠的中低交互蜜罐增加用户在失陷…

注册中心CAP架构剖析

Nacos 支持 AP 或 CP AP Nacos 通过临时节点实现 AP 架构,将服务列表放在内存中; CP Nacos 通过持久化节点实现 CP 架构,将服务列表放在文件中,并同步到内存,通过 Raft 协议算法实现; 通过配置 epheme…

智能座舱架构与芯片 - (3) 硬件篇 上

一、介绍 在了解智能座舱的基本架构之后,我们有必要针对智能座舱域的硬件平台,软件平台,SOC等进行逐一介绍。从它们的整体结构中去认识最新的智能座舱组成部件,以及主要功能等。 如上图,是中央计算-区域控制架构下的智…

Java Finalization‘s Memory-Retention Issues 及Reference类解析

引言 《Effective Java Programming Language Guide》 一书中强烈建议不要使用java的finalize()方法去做对象消亡前的清理。因为jvm调用finalize()方法的时机并不确定,容易导致Memory-Retention Issues。通俗点讲就是内存没办法及时回收。 详细的见oracle的官方说明…

数字电路的基础知识

一、数字电路概述 用数字信号完成对数字量进行逻辑运算和算术运算的电路称为数字电路。 由于它具有逻辑运算和逻辑处理功能,所以又称为数字逻辑电路。 现代的数字电路由半导体工艺制成的数字集成器件构造而成。 逻辑门是数字电路的基本单元电路,就如同在…

ES 查询语法-详解

文章目录 1.DSL查询文档1.1.DSL查询分类1.2.全文检索查询1.2.1.使用场景1.2.2.基本语法1.2.3.总结 1.3.精准查询1.3.1.term查询1.3.2.总结 1.DSL查询文档 elasticsearch的查询依然是基于JSON风格的DSL来实现的。 1.1.DSL查询分类 Elasticsearch提供了基于JSON的DSL&#xff…

vue el-form表单嵌套组件时正则校验不生效

vue el-form表单嵌套组件时正则校验不生效 上图 组件选中数据&#xff0c;但是正则校验未检测到并且红字提示不会消失。直接上代码 <template><div class"created_report"><el-form :model"formData" :rules"isRules" ref"…

六、Big Data Tools安装

1、安装 在Jetbrains的任意一款产品中&#xff0c;均可安装Big Data Tools这个插件。 2、示例 下面以DadaGrip为例&#xff1a; &#xff08;1&#xff09;打开插件中心 &#xff08;2&#xff09;搜索Big Data Tools&#xff0c;下载 3、链接hdfs &#xff08;1&#xff0…

ORA-01658: 无法为表空间XXX段创建 INITIAL 区

ORA-01658: 无法为表空间space中的段创建 INITIAL 区&#xff1b; 或者&#xff1a; ORA-01658: unable to create INITIAL extent for segment in tablespace string。 或者 ORA-01659&#xff1a;无法分配超出 4 的 MINEXTENTS (在表空间XXX中) 。 也就是说表空间大小不…

时间复杂度和运算

时间复杂度 在算法和数据结构中&#xff0c;有许多时间复杂度比 O(1) 更差的情况。以下是一些常见的时间复杂度&#xff0c;按照从最优到最差的顺序排列&#xff1a; O(1)&#xff1a; 常数时间复杂度&#xff0c;操作的运行时间与输入规模无关&#xff0c;是最理想的情况。 O…