Làm cách nào để chắp thêm byte, nhiều byte và bộ đệm vào ArrayBuffer trong javascript?

Question

Javascript ArrayBuffer hoặc TypedArrays không có bất kỳ loại phương thức appendByte(), appendBytes() hoặc appendBuffer() nào. Vì vậy, nếu tôi muốn điền vào một ArrayBuffer một giá trị tại một thời điểm, làm thế nào để làm điều đó?

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); 

Answer 1

Bạn có thể tạo mới TypedArray với một mới ArrayBuffer, nhưng bạn không thể thay đổi kích thước của một bộ đệm hiện

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; 
} 

Bây giờ có thể làm

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 

Nếu bạn muốn sử dụng các loại khác nhau, hãy đi qua Uint8Array làm đơn vị nhỏ nhất là byte, tức là

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

Điều này có nghĩa .length sẽ làm việc như mong đợi, bây giờ bạn có thể chuyển đổi này vào mảng gõ của bạn lựa chọn (chắc chắn rằng nó là một loại mà sẽ chấp nhận .byteLength của bộ đệm mặc dù)

---

Từ đây, bạn có thể triển khai bất kỳ phương pháp nào bạn thích để ghép nối dữ liệu của bạn, ví dụ:

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] 

Answer 2

Câu trả lời của Paul cho phép bạn nối một TypedArray với TypedArray hiện có. Trong ES6, bạn có thể sử dụng chức năng sau đây để nối nhiều TypedArrays:

function concatenate(resultConstructor, ...arrays) { 
    let totalLength = 0; 
    for (const arr of arrays) { 
     totalLength += arr.length; 
    } 
    const result = new resultConstructor(totalLength); 
    let offset = 0; 
    for (const arr of arrays) { 
     result.set(arr, offset); 
     offset += arr.length; 
    } 
    return result; 
} 

const ta = concatenate(Uint8Array, 
    Uint8Array.of(1, 2), Uint8Array.of(3, 4)); 
console.log(ta); // Uint8Array [1, 2, 3, 4] 
console.log(ta.buffer.byteLength); // 4 

Để thêm một byte mới là:

const byte = 3; 
concatenate(Uint8Array, Uint8Array.of(1, 2), Uint8Array.of(byte)); 

Phương pháp này được tìm thấy trong ExploringJS.