当前位置: 首页 > 工具软件 > 8Bit.js > 使用案例 >

JS-ArrayBuffer(一)

蓝华皓
2023-12-01

ArrayBuffer是JavaScript用来处理二进制的,ArrayBuffer对象保存着原始二进制数据,它不能对数据进行操作,

只能通过视图类(TypeArray或DataView)才能对数据进行读写。

 

ArrayBuffer特点:

1.数组里面存放的是二进制原始数据01,以字节为单位,一个字节8位

2.初始化后固定大小

构造函数:

//创建了2个字节的ArrayBuffer 数据默认:0000 0000 | 0000 0000
var buffer = new ArrayBuffer(2);
//log : 2
console.log(buffer.byteLength);

方法及属性:

  1. byteLength //readonly 只读属性,缓存数据的长度,可以体现改buffer申请了多大的内存空间
  2. slice(start, end?);//返回一个新的buffer,end默认到最后
  3. ArrayBuffer.isView(typeArray);//静态方法,判断是否是typeArray 或者 DataView, 返回boolen值
var buffer = new ArrayBuffer(8);
//创建一个8位的视图
var int8a = new Int8Array(buffer);
int8a[0] = 1;
int8a[1] = 2;
int8a[2] = 3;
int8a[3] = 4;
//字节长度 8
console.log('buffer byte length: ', buffer.byteLength);
//int8第一位 1
console.log('new8int : ', newInt8a[0]);

//从buffer中slice一个新的buffer
var newBuffer = buffer.slice(2);
var newInt8a = new Int8Array(newBuffer);

console.log('newBuffer byte length: ', newBuffer.byteLength);
console.log('new8int : ', newInt8a[0]);

//判断是否视图
console.log(ArrayBuffer.isView(int8a));

字节说明:

  1. 一字节:8位,可以表示2^8=256种状态,如果是int8类型可以表示-128到127(1000 0000 - 0111 1111)如果是uint8类型则可以表示0到255(0000 0000 - 1111 1111)
  2. 四字节:32位,可以表示2^32=4294967296种状态,如果是int32类型可以表示-2^16到2^16-1(1000 0000 0000 0000 - 0111 1111 1111 1111) ,uint32 为(0-0111 1111 1111 1111)

位和字节单位换算:

1Byte(字节) = 8bit(位)

1024Byte(字节) = 1k 

1024KB = 1MB;

1024MB =  1GB;

1024GB = 1TB;

下一篇继续说如果使用typeArray读取和改写ArrayBuffer

 类似资料: