ArrayBuffer en javascript | Expliqué

Dans cet article, nous discuterons de ce qu'est l'objet ArrayBuffer en JavaScript avec des exemples.

Qu'est-ce que ArrayBuffer?

Un tableau d'octets est connu comme un tampon de tableau en JavaScript alors qu'il était connu comme un «tableau d'octets» dans d'autres langues.

• Le Arraybuffer L'objet représente un tampon de données binaires bruts de longueur fixe dont le contenu ne peut pas être modifié directement.
• Un objet DataView peut également être utilisé pour y accéder, qui est un non typique Vue super flexible sur un arraybuffer ou tout objet de tableau tapé qui se compose de méthodes de tableau régulières comme la carte, de trouver une tranche, etc.
• Le contenu est lu et écrit en utilisant ces objets.

Toutes les modifications à un seul objet du Arraybuffer sera visible par les autres objets et un seul objet DataView ou Typted Array doit être inclus dans un seul tampon de tableau.

Syntaxe de ArrayBuffer

Le Syntaxe de ArrayBuffer en javascript est donné ci-dessous:

Nouveau ArrayBuffer (byteLength);

Le longueur de byte est un argument obligatoire et il désigne la longueur ou la taille du tampon de tableau en octets qui est créé.

Note: La valeur de retour sera le nouvel objet ArrayBuffer avec taille longueur de byte.

Pour saisir davantage le concept d'un objet ArrayBuffer en JavaScript, passons un exemple.

Exemple 1

Dans cet exemple, nous allons simplement initialiser l'objet ArrayBuffer et donner la taille 16, puis le journal de console la longueur du tampon initialisé à l'aide de la méthode intégrée du tableau / tampon Bytelngth:

// Initialiser le tampon avec la longueur 16
var mybuffer = new ArrayBuffer (16);
// Ligne de console la longueur de Mybuffer
console.journal (mybuffer.bytelngth); // 16

Exemple 2

Laissez-nous manipuler un peu plus loin l'objet ArrayBuffer en utilisant DataView. Comme discuté précédemment, nous ne pouvons pas modifier ou effectuer aucune opération sur ArrayObject à moins que nous n'utilisions une vue:

// Initialiser l'objet ArrayBuffer avec la taille 16
var mybuffer = new ArrayBuffer (16);
// DataView qui fait référence à l'objet MyBuffer
var View1 = new DataView (MyBuffer);
// int8Array qui fait référence à l'objet MyBuffer
var View2 = new int8Array (MyBuffer);
// définir la valeur sur 32 bits
Voir1.SetInt32 (0, 0x76543210);
// Console Journal la valeur 32 bits
console.Log ("Valeur 32 Bit:" + View1.getInt32 (0).tostring (16));
// Journal de la console uniquement la valeur 8 bits
console.log ("Valeur 8 bits:" + View1.getInt8 (0).tostring (16));
console.Log ("Valeur 32 Bit:" + View2 [0].tostring (16));

Dans le code ci-dessus, nous avons d'abord initialisé un objet ArrayBuffer avec la taille 16, puis nous avons fait référence à ce ArrayObject avec un DataView. Nous avons répété le processus d'initialisation d'une autre vue en utilisant le Int8array qui représente le tableau entier signé à 8 bits de deux bits. Après cela, nous définissons la première valeur de vue sur 32 bits et la deuxième valeur de vue sur la valeur 8 bits, puis la console le journaliser:

Conclusion

L'un des objets principaux de JavaScript est le Arraybuffer Objet, qui est une référence d'espace de mémoire contigu de longueur fixe dont le contenu ne peut pas être modifié directement; Au lieu de cela, nous avons besoin d'un tableau tapé ou d'une vue de données. Data View spécifie un format à l'aide de méthodes en JavaScript, par exemple, getUint8 (offset). Pour le dire simplement, un ArrayBuffer est utilisé pour stocker des données binaires, par exemple, les données binaires d'un fichier ou d'une image.

Dans cet article, nous avons discuté de l'objet ArrayBuffer en JavaScript avec deux exemples dans lesquels le premier nous avons simplement initialisé l'objet ArrayBuffer, et dans le deuxième exemple, nous avons manipulé l'objet ArrayBuffer.