如何在javascript中将字节,多字节和缓冲区附加到ArrayBuffer?

时间:2015-11-13 22:32:11

标签: javascript buffer arraybuffer typed-arrays

Javascript ArrayBuffer或TypedArrays没有任何类型的appendByte(),appendBytes()或appendBuffer()方法。因此,如果我想一次填充一个ArrayBuffer值,我该怎么办?

var firstVal = 0xAB;              // 1 byte
var secondVal = 0x3D7F            // 2 bytes
var anotherUint8Array = someArr;

var buffer = new ArrayBuffer();   // I don't know the length yet
var bufferArr = new UInt8Array(buffer);

// following methods do not exist. What are the alternatives for each??
bufferArr.appendByte(firstVal);
bufferArr.appendBytes(secondVal);
bufferArr.appendBuffer(anotherUint8Array);

1 个答案:

答案 0 :(得分:11)

您可以使用新的 ArrayBuffer 创建新的 TypedArray ,但无法更改现有缓冲区的大小

function concatTypedArrays(a, b) { // a, b TypedArray of same type
    var c = new (a.constructor)(a.length + b.length);
    c.set(a, 0);
    c.set(b, a.length);
    return c;
}

现在可以做到

var a = new Uint8Array(2),
    b = new Uint8Array(3);
a[0] = 1; a[1] = 2;
b[0] = 3; b[1] = 4;
concatTypedArrays(a, b); // [1, 2, 3, 4, 0] Uint8Array length 5

如果你想使用不同的类型,请通过Uint8Array,因为最小的单位是字节,即

function concatBuffers(a, b) {
    return concatTypedArrays(
        new Uint8Array(a.buffer || a), 
        new Uint8Array(b.buffer || b)
    ).buffer;
}

这意味着.length将按预期工作,您现在可以将其转换为您选择的类型数组(确保它是一个接受缓冲区.byteLength的类型)< / p>

从这里开始,您现在可以实现任何您喜欢的方法来连接数据,例如

function concatBytes(ui8a, byte) {
    var b = new Uint8Array(1);
    b[0] = byte;
    return concatTypedArrays(ui8a, b);
}

var u8 = new Uint8Array(0);
u8 = concatBytes(u8, 0x80); // [128]