Para alcançar a máxima flexibilidade e eficiência, os arrays tipados do Javascript dividem sua implementação entrebuffers eviews. Um buffer (implementado pelo objetoArrayBuffer) é um objeto que representa um fragmento (chunk) de dados; Não possui formato para ser discutido, e não oferece mecanismos para acessar seu conteúdo. Para acessar os dados contidos em um buffer, você precisa utilizar uma view. Uma view fornece um contexto — isto é, um tipo de dado, o deslocamento inicial, e o número de elementos — que transforma estes dados em um array tipado.

OArrayBuffer é um tipo de dado que é utilizado para representar um buffer genérico de dados binários, com comprimento fixo. Você não pode manipular diretamente o conteúdo de umArrayBuffer; ao invés, você cria uma view de array tipado ou um objeto do tipoDataView, que representa o buffer em um formato específico, e os utiliza para ler e escrever no conteúdo do buffer.

As views de arrays tipados possuem nomes auto descritivos e fornecem exibições para todos os tipos numéricos habituais, comoInt8,Uint32,Float64 e assim por diante. Há uma view de array tipado especial, a viewUint8ClampedArray. Ela comporta os valores entre0 e255. Isto é útil noprocessamento de dados do Canvas, por exemplo.

O objeto do tipoDataView é uma interface de baixo nível que fornece uma API no estilogetter/setter para ler e escrever dados arbitrários ao buffer. Isto é útil quando se está lidando com diferentes tipos de dados, por exemplo. As views de arrays tipados estão em ordem de bytes nativa (vejaEndianness) da sua plataforma. Com umaDataView você é capaz de controlar a ordem dos bytes. Esta ordem ébig-endian por padrão e pode ser alterada paralittle-endian através dos métodosgetters esetters citados anteriormente.

FileReader.prototype.readAsArrayBuffer()

O métodoFileReader.prototype.readAsArrayBuffer() inicia a leitura do conteúdo de um objeto do tipoBlob ouFIle especificado.

XMLHttpRequest.prototype.send()

O métodosend() das instâncias deXMLHttpRequest agora suportam arrays tipados e objetos do tipoArrayBuffer como argumento.

ImageData.data

É objeto do tipoUint8ClampedArray que representa uma matriz unidimensional que contém dados na ordem RGBA, com valores numéricos entre0 e255 inclusive.

Primeiramente, nós precisamos criar um buffer, com um tamanho fixo de 16 bytes neste caso:

var buffer = new ArrayBuffer(16);

Neste ponto, nós temos um fragmento de memória cujos bytes estão todos pré-inicializados em0. Não há muito que possamos fazer com isto, no entanto. Nós podemos confirmar que possuem de fato 16 bytes de comprimento, e isso é tudo sobre ele:

if (buffer.byteLength === 16) {  console.log("Sim, são 16 bytes.");} else {  console.log("Ah não, o tamanho não está certo!");}

Antes de realmente começarmos a trabalhar com este buffer, precisamos criar uma view. Vamos criar uma view que trata os dados neste buffer como um array de inteiros assinados de 32 bits:

var int32View = new Int32Array(buffer);

Agora nós podemos acessar os campos neste array assim como em um array convencional:

for (var i = 0; i < int32View.length; i++) {  int32View[i] = i * 2;}

Isto preenche as 4 posições do array (4 posições com 4 bytes cada uma, produzindo um total de 16 bytes) com os valores0,2,4 e6.

As coisas começar a ficar realmente interessantes quando você considera que é possível criar múltiplas views para os mesmos dados. Por exemplo, dado o código acima, nós podemos continuar desta forma:

var int16View = new Int16Array(buffer);for (var i = 0; i < int16View.length; i++) {  console.log("Posição " + i + ": " + int16View[i]);}

Aqui nós criamos uma view de inteiros de 16 bits que compartilha o mesmo buffer que a view de 32 bits existente, e emitimos todos os valores no buffer como inteiros de 16 bits. Agora nós obtemos a saída0,0,2,0,4,0,6,0.

Você pode ir um pouco mais longe, no entanto. Considere isto:

int16View[0] = 32;console.log("Entra 0 na matriz de 32 bits agora é " + int32View[0]);

A saída disso é "Entrada 0 na matriz de 32 bits agora é 32". Em outras palavras, as duas matrizes são, na verdade, apenas vistas no mesmo buffer de dados, tratando-as como formatos diferentes. Você pode fazer isso com qualquertipo de visualização.

Ao combinar um único buffer com várias exibições de diferentes tipos, iniciando em diferentes deslocamentos no buffer, você pode interagir com objetos de dados contendo vários tipos de dados. Isso permite, por exemplo, interagir com estruturas de dados complexas de WebGL, arquivos de dados ou estruturas C que você precisa usar ao usarjs-ctypes.

Considere esta estrutura em C:

struct someStruct {  unsigned long id;  char username[16];  float amountDue;};

Você pode acessar um buffer contendo dados neste formato assim:

var buffer = new ArrayBuffer(24);// ... leia os dados no buffer ...var idView = new Uint32Array(buffer, 0, 1);var usernameView = new Uint8Array(buffer, 4, 16);var amountDueView = new Float32Array(buffer, 20, 1);

Então você pode acessar, por exemplo, o devido valor comamountDueView[0].

Depois de processar uma array tipada, às vezes é útil convertê-la de volta em uma array normal para se beneficiar doArray prototype. Isso pode ser feito usandoArray.from, ou usando o seguinte código ondeArray.from não é suportado.

var typedArray = new Uint8Array([1, 2, 3, 4]),  normalArray = Array.prototype.slice.call(typedArray);normalArray.length === 4;normalArray.constructor === Array;

• GettingArrayBuffers or typed arrays fromBase64-encoded strings
• StringView – a C-like representation of strings based on typed arrays
• Faster Canvas Pixel Manipulation with Typed Arrays
• Typed Arrays: Binary Data in the Browser
• Endianness