Javascript TypedArray 解惑：Uint8Array 与 Uint8ClampedArray 的区别

最新推荐文章于 2024-06-30 04:10:55 发布
最新推荐文章于 2024-06-30 04:10:55 发布
阅读量3.5w 收藏 7
点赞数 2
分类专栏： JS/DHTML/CSS 文章标签： JAVASCRIPT TypedArray Uint8Array Uint8ClampedArray
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cuixiping/article/details/42270561
版权

JS的类型数组大体可分为3类：无符号整数、有符号整数、浮点数。

Int8Array; Uint8Array; Uint8ClampedArray; Int16Array; Uint16Array; Int32Array; Uint32Array; Float32Array; Float64Array;

基本上都可以望文生义，看名字就知道怎么回事。

但是有一个例外 Uint8ClampedArray ，它与 Uint8Array 颇为相似，但又有所区别。

因为颜色数据刚好都是符合8位二进制的无符号整数，所以这两个类型在处理Canvas绘图数据时常常用到。

Uint8ClampedArray主要用于某些特殊场景，典型的就是 ImageData.

clamped这个词的字面意思是“紧固的，夹紧的”。

如果输入的值已经是0~255之间的整数，那么Uint8Array 与 Uint8ClampedArray的最终结果是一致的。


Uint8Array 与 Uint8ClampedArray 的区别，就在于处理不在该范围（0~255之间的整数）的输入数值的转换逻辑的差异。


Uint8Array采用的转换逻辑是ToUint8 . 

其中一个关键点是，它将输入数与256取模，将8个比特位转化为正整数

最低0.47元/天 解锁文章
cuixiping
关注
  • 2
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【数据类型】Uint8Array 和 Uint8ClampedArray 的区别
boyzhaotian的博客
08-09 2048
Uint8ClampedArray和Uint8Array的区别主要在于如何处理给数组赋值的内容。
uint8array-clamped:验证值是否为 Uint8ClampedArray
06-03
Uint8ClampedArray 验证值是否为 。 安装 $ npm install validate.io-uint8array-clamped 要在浏览器中使用，请使用 。 用法 var isUint8ClampedArray = require ( 'validate.io-uint8array-clamped' ) ; isUint8ClampedArray( 值 ) 验证值是否为 。 var arr = new Uint8ClampedArray ( 10 ) ; var bool = isUint8ClampedArray ( arr ) ; // returns true 例子 var isUint8ClampedArray = require ( 'validate.io-uint8array-clamped' ) ; console . log ( isU
javascript UInt8Array
最新发布
weixin_36334361的博客
06-30 167
数组相关视频讲解：数组-Go代码演示数据结构与算法-栈-Go代码演示版深入了解 JavaScript UInt8Array 在 JavaScript 中，UInt8Array 是一种类型化数组，用于表示一个无符号的 8 位整数数组。它可以用来存储和操作二进制数据，特别适用于处理像图像、音频和视频等多媒体数据。 UInt...
JS:Uint8Array 数组类型、arraybuffer对象类型与十六进制字符串互转
任磊
05-21 2万+
最近，在做区块链浏览器，调用合约与链上进行数据通信的时候，需要将对象转化成十六进制字符串，看看下 javascript 关于 ArrayBuffer 类型的api文档，新的如下： arraybuffer类型转16进制字符串 function buf2hex(buffer) { return Array.prototype.map.call(new Uint8Array(buffer), x => ('00' + x.toString(16)).slice(-2)).j.
javascript Uint8Array
Claroja
02-13 8596
Uint8Array表示8bit unsigned integers向量,初始化为0 构造 new Uint8Array(); // new in ES2017 new Uint8Array(length); new Uint8Array(typedArray); new Uint8Array(object); new Uint8Array(buffer [, byteOffset [, leng...
易语言_js_uint8Array
weixin_44234050的博客
06-04 387
易语言_js_uint8Array
Uint1Array:Uint1Array-获取任何ArrayBuffer的位视图
05-06
仅有的两个区别是Uint1Array具有以下标准TypedArray属性的特殊情况： Uint1Array.BYTES_PER_ELEMENT 返回元素大小的数字值。 BYTES_PER_ELEMENT在Uint1Array的情况下等于0.125。 Uint1Array.length 静态长度属性...
dataviewUTF-8:从ArrayBuffer到utf-8字符串的Javascript编码方法
05-05
数据视图UTF-8 用于将ArrayBuffer转换为utf-8字符串的Javascript方法如何使用？ 您将必须在项目中添加utf8.js文件。 我假设您已经从websocket或ajax输入了缓冲区var dataview = new DataView（buffer）; dataview....
kmps:与JS Array和TypedArray一起使用的Knuth–Morris–Pratt算法
05-09
的幼稚实现，可与和 安装 npm install git+https://github.com/Chocobo1/kmps.git 用法示例 const Kmp = require ( 'kmps' ) ; // import this module // working with TypedArray { const pattern = Uint32Array ....
RV8:Javascript V8 函数
06-05
JavaScript V8引擎是Google开发的一款高性能的JavaScript和WebAssembly虚拟机，它被广泛应用于Chrome浏览器以及Node.js服务器环境中。V8引擎以其卓越的执行速度和内存管理能力而著名，其核心设计目标是使JavaScript...
uint8arrays:处理Uint8Arrays的实用方法
04-29
Uint8Arrays 一些实用程序功能使处理Uint8Array更加愉快。 原料药 比较（a，b） 比较两个Uint8Arrays 例子 const compare = require ( 'uint8arrays/compare' ) const arrays = [ Uint8Array . from ( [ 3 , 4 , 5 ] ) , Uint8Array . from ( [ 0 , 1 , 2 ] ) ] const sorted = arrays . sort ( compare ) console . info ( sorted ) // [ // Uint8Array[0, 1, 2] // Uint8Array[3, 4, 5] // ] concat（数组，[长度]） 连接一个或多个Uint8Array数组的数组，并返回一个Uint8
Google V8引擎LIB库-谷歌Chrome JavaScript引擎
10-24
**Google V8 引擎与 Chrome JavaScript 引擎** Google V8 引擎是一款高性能的开源 JavaScript 运行时环境，由谷歌开发并应用于其浏览器Chrome中，为JavaScript代码提供了快速且高效的执行平台。V8 不仅是 Chrome 的...
Uint8ClampedArray语法记录
计算机图形学
04-24 866
当给Uint8ClampedArray设置一个超出这个范围的值时，它会自动将值截断为0或255，具体取决于原值是大于255还是小于0。这种特性使得Uint8ClampedArray在处理图像数据时非常有用，因为图像数据的像素值通常被限制在一个特定的范围内。需要注意的是，由于 Uint8ClampedArray 的特性，当赋值超出0-255范围时，值会被自动截断。Uint8ClampedArray 是一种类型化数组（TypedArray），其数据范围是0到255，超出此范围的值将被截断为最大或最小值。
javascript基础学习系列三百七十二：Uint8Array 转换为可读文本
m0_68635815的博客
03-13 573
异步函数非常适合这样的 fetch()操作。另外，read()方法也可以真接封装到 Iterable 接口中。通过将异步逻辑包装到一个生成器函数中，还可以进一步简化代码。而且，这个实现通过支持只读 取部分流也变得更稳健。要将 Uint8Array 转换为可读文本，可以将缓冲区传给 TextDecoder，返回转换后的值。
js Blob、ArrayBuffer(Uint8Array、TypedArray、DataView)、Buffer、DataUrl
weixin_43294560的博客
12-29 6595
Blob： 是浏览器环境上提供的一种大对象，通常是影像、声音或多媒体文件等原始数据的二进制对象，它和 ArrayBuffer 没有必然联系，但是又可以互相转化，Blob用于操作二进制文件，而 ArrayBuffer 用于操作内存。 详见Blob var htmlFragment = ['<a id="a"><b id="b">hey!</b></a>']; var myBlob = new Blob(htmlFragment, {type : 'text/.
Uint8Array转普通数组
longtengg1的博客
08-12 3419
1、定义 根据文档的解释：Uint8Array 数组类型表示一个8位无符号整型数组，创建时内容被初始化为0。创建完后，可以以对象的方式或使用数组下标索引的方式引用数组中的元素 2、在JS中遇到Uint8Array 的场景 js调用动态库，动态库由c语言编写，并且里面的方法使用了指针、int、double等js所没有的概念。 那么在使用动态库时，需要使用ref、ref-array等库来进行转换。 例如使用一个double类型数组的指针 var doubleArray = refArray(ref.types.
js int 和 uint8array ，相互转换
weixin_42575028的博客
04-10 586
请注意，这些方法都假设输入的Uint8Array每个元素不会大于255，并且Uint8Array的长度在int能够表示的范围内。方法一：使用TypedArray的reduce方法。方法三：使用BigInt对象进行转换。方法二：使用for循环和位运算符。需要翻转unit8array。
JS中ArrayBuffer和Uint8Array区别
热门推荐
qq_34754747的博客
01-20 3万+
1. ArrayBuffer又称类型化数组。 ArrayBuffer Uint8Array数组 存储内容 放0和1组成的二进制数据 放数字、字符串、布尔值以及对象和数组等 存储位置 数据放在栈中（所以取数据较快） 放在堆中 存储大小 初始化后固定大小 数组则可以自由增减 2. ArrayBuffer构造函数 var arra...
javaScript中Uint8Array的用法
07-08
在JavaScript中，`Uint8Array`是一种类型化数组（TypedArray），它用于表示一个包含8位无符号整数的固定长度数组。以下是`Uint8Array`的一些常用用法： 1. 创建一个`Uint8Array`对象： - 使用数组创建：`const arr = new Uint8Array([1, 2, 3, 4, 5]);` - 使用指定长度创建：`const arr = new Uint8Array(5);` 2. 获取`Uint8Array`的长度：`const length = arr.length;` 3. 访问和修改`Uint8Array`的元素： - 通过索引访问：`const value = arr[index];` - 通过索引修改：`arr[index] = newValue;` 4. 将`Uint8Array`对象转换为普通数组： - 使用`Array.from()`方法：`const plainArray = Array.from(arr);` - 使用`spread`运算符：`const plainArray = [...arr];` 5. 将普通数组转换为`Uint8Array`对象：`const arr = new Uint8Array([1, 2, 3, 4, 5]);` 6. 拷贝一个`Uint8Array`对象： - 浅拷贝：`const copy = Uint8Array.from(arr);` - 深拷贝：`const copy = new Uint8Array(arr);` 7. 连接多个`Uint8Array`对象： - 使用`concat()`方法：`const combined = Uint8Array.of(...arr1, ...arr2);` 8. 切片一个`Uint8Array`对象： - 使用`slice()`方法：`const slice = arr.slice(start, end);` 9. 迭代`Uint8Array`对象： - 使用`for...of`循环：`for (const value of arr) { ... }` - 使用`forEach()`方法：`arr.forEach((value, index) => { ... });` 这些是`Uint8Array`的一些常用用法和操作。除了`Uint8Array`，JavaScript还提供了其他类型化数组（如`Int8Array`、`Uint16Array`、`Float32Array`等），可以根据具体的需求选择适合的类型化数组来处理数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值