ArrayBuffer

Découvrez ce qu'est un ArrayBuffer et comment l'utiliser

Tout comme unGoutteest une représentation opaque des données disponibles sur disque, unArrayBufferest une représentation opaque des octets disponibles en mémoire.

Le constructeur prend un paramètre, la longueur en octets:

const buffer = new ArrayBuffer(64)

Une valeur ArrayBuffer a une propriété (en lecture seule):byteLength, qui - comme son nom l'indique - exprime sa longueur en octets.

Il fournit également unslice()méthode d'instance qui crée un nouveauArrayBufferà partir d'un existant, en prenant une position de départ et une longueur optionnelle:

const buffer = new ArrayBuffer(64)
const newBuffer = buffer.slice(32, 8)

Téléchargement de données depuis Internet en tant que ArrayBuffer

Nous pouvons télécharger un objet blob sur Internet et le stocker dans un ArrayBuffer en utilisantXHR:

const downloadBlob = (url, callback) => {
	const xhr = new XMLHttpRequest()
	xhr.open('GET', url)
	xhr.responseType = 'arraybuffer'
<span style="color:#a6e22e">xhr</span>.<span style="color:#a6e22e">onload</span> <span style="color:#f92672">=</span> () =&gt; {
<span style="color:#a6e22e">callback</span>(<span style="color:#a6e22e">xhr</span>.<span style="color:#a6e22e">response</span>)
}

<span style="color:#a6e22e">xhr</span>.<span style="color:#a6e22e">send</span>(<span style="color:#66d9ef">null</span>)

}

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de didacticiels sur le navigateur: