Javascript ArrayBuffer ou TypedArrays n'ont aucun type de méthode appendByte (), appendBytes () ou appendBuffer (). Donc, si je veux remplir un ArrayBuffer une valeur à la fois, comment faire?
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);
Vous pouvez créer un nouveau TypedArray avec un nouveau ArrayBuffer, mais vous ne pouvez pas modifier la taille d'un tampon existant
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;
}
Maintenant peut faire
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
Si vous souhaitez utiliser différents types, passez par Uint8Array
comme la plus petite unité est un octet, c'est-à-dire.
function concatBuffers(a, b) {
return concatTypedArrays(
new Uint8Array(a.buffer || a),
new Uint8Array(b.buffer || b)
).buffer;
}
Ça signifie .length
fonctionnera comme prévu, vous pouvez maintenant le convertir dans le tableau de votre choix (assurez-vous que c'est un type qui accepterait le .byteLength
du tampon cependant)
À partir d'ici, vous pouvez désormais implémenter n'importe quelle méthode que vous souhaitez pour concaténer vos données, par exemple.
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]
La réponse de Paul vous permet de concaténer un TypedArray à un TypedArray existant. Dans ES6, vous pouvez utiliser la fonction suivante pour concaténer plusieurs 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
Ajouter un nouvel octet, c'est:
const byte = 3;
concatenate(Uint8Array, Uint8Array.of(1, 2), Uint8Array.of(byte));
Cette méthode se trouve dans ExploringJS .