JavaScript ArrayBuffer
在本文中,我们将了解 JavaScript 中的 ArrayBuffer
对象以创建和操作 ArrayBuffer
对象。
语法:
var buffer = new ArrayBuffer(size);
ArrayBuffer
中的 size 参数指定创建的缓冲区的大小(以字节为单位)。
在 JavaScript 中创建一个 ArrayBuffer
var buffer = new ArrayBuffer(8);
var view = new DataView(buffer);
在上面的代码中,我们创建了一个 8 字节的缓冲区。此外,我们使用 DataView
视图来引用和操作缓冲区。
让我们看一些例子来清楚地了解 ArrayBuffer
对象。
示例 1:
<!DOCTYPE html>
<html >
<head>
<title>JavaScript ArrayBuffer</title>
</head>
<body>
<h1 style="color: blueviolet;"> DelftStack </h1>
<h3><u>JavaScript ArrayBuffer object</u></h3>
<script>
var buffer = new ArrayBuffer(8); // create a buffer of length 8
var view = new DataView(buffer); // view which is reffering to buffer
document.write("Buffer Byte Length : " + buffer.byteLength);
document.write("<br>");
document.write("View Byte Length : " + view.byteLength);
</script>
</body>
</html>
输出:
DelftStack
JavaScript ArrayBuffer object
Buffer Byte Length : 8
View Byte Length : 8
下面是我们如何使用 DataView
和类型化数组修改和执行 ArrayBuffer
对象的另一个示例。
示例 2:
<!DOCTYPE html>
<html >
<head>
<title>JavaScript ArrayBuffer</title>
</head>
<body>
<h1 style="color: blueviolet;"> DelftStack </h1>
<p> <b> <u> Manipulating ArrayBuffer using DataView and TypedArray </b> </u> </p>
<script>
// ArrayBuffer
var buffer = new ArrayBuffer(8);
// DataView
var view1 = new DataView(buffer);
// TypedArray
var view2 = new Int8Array(buffer);
//Put value of 32bits
view1.setInt32(0, 0x76543210);
//prints the 32bit value
document.write( "32 bit value : " + view1.getInt32(0).toString(16) + "<br>");
//prints only 8bit value
document.write("8 bit value : " + view1.getInt8(0).toString(16) + "<br>");
document.write("32 bit value : " + view2[0].toString(16));
</script>
</body>
</html>
输出:
DelftStack
Manipulating ArrayBuffer using DataView and TypedArray
32-bit value : 76543210
8-bit value : 76
32-bit value : 76
因此,如上例所示,我们可以将多个 DataView
或 TypedArray 对象添加到单个 ArrayBuffer
并查看其他对象视图对一个对象的任何更改。
相关文章
在 Visual Studio Code 中运行 JavaScript
发布时间:2024/03/22 浏览次数:64 分类:JavaScript
-
本教程将指导你如何在 Visual Studio Code 中运行 JavaScript 代码。
在 JavaScript 中返回 False
发布时间:2024/03/21 浏览次数:166 分类:JavaScript
-
本文解释 JavaScript 中的 return false 和 preventDefault 语句;何时何地使用这些语句,它们之间有什么区别。
使用 JavaScript 将 HTML 表格导出到 Excel
发布时间:2024/03/21 浏览次数:151 分类:JavaScript
-
本教程演示了如何使用 JavaScript 将 HTML 表格数据导出到 Excel。
用 JavaScript 读取 Excel 文件
发布时间:2024/03/21 浏览次数:87 分类:JavaScript
-
在本文中,我们将了解如何在 JavaScript 中读取和解析 excel 文件。
使用 JavaScript 通过 XPath 获取元素
发布时间:2024/03/21 浏览次数:65 分类:JavaScript
-
本教程介绍如何使用 JavaScript Selenium WebDriver 获取元素 XPath。
使用 JavaScript 删除所有子元素
发布时间:2024/03/21 浏览次数:94 分类:JavaScript
-
本教程将指导你如何使用 JavaScript 删除所有子元素。它也以 jQuery 为例。