O que é TypedArray? Quais são as vantagens de usá-los, em relação ao Array tradicional? – javascript característica-linguagem

Pergunta:


Eu estava lendo na MDN sobre TypedArray e vi que várias classes derivam deste.

Classes que derivam de TypeArray:

  • Int8Array
  • Uint8Array
  • Uint8ClampedArray
  • Int16Array
  • Uint16Array
  • Int32Array
  • Uint32Array
  • Float32Array
  • Float64Array

Pelo que entendi, cada um desses “arrays” aceitam um tipo diferente de entrada.

Um teste com Int8Array:

var arr = new Int8Array(4);

arr[0] = 1;
arr[1] = 2;
arr[2] = 2.5; 
arr[3] = "X2.5"; 


console.log(arr, arr.constructor.name);

No caso acima, 2.5 como o valor string, foram convertidos para int.

Tendo em vista que esses arrays possuem esse tipo de comportamento, eu gostaria de tirar umas dúvidas:

  • Em que casos eu deveria usar os TypedArray ao invés do Array padrão do Javascript? Gostaria de exemplos

  • Existe algum ganho de performance ao usar um TypedArray ao invés de usar o Array?

  • Gostaria de saber sobre a compatibilidade e polyfills sobre os mesmos.

Autor da pergunta Wallace Maxters

bfavaretto

Em que casos eu deveria usar os TypedArray ao invés do Array padrão do Javascript? Gostaria de exemplos

A documentação da MDN dá 3 exemplos: as APIs do FileReader, do XMLHttpRequest e do ImageData. E eu me lembro de um 4º que já postei aqui no site em Obter “ondas” da frequência de som ou música, ligados a um componente das APIs de áudio.

Existe algum ganho de performance ao usar um TypedArray ao invés de usar o Array?

Sim. Basicamente essas arrays funcionam alocando um bloco de memória para os dados e mapeando esse bloco de acordo com os tipos. Como cada tipo tem tamanho fixo, é possível obter o valor de qualquer índice da array em tempo constante. Já as arrays comuns do JS não são tipadas, e localizar valores nelas é menos eficiente por natureza.

Gostaria de saber sobre a compatibilidade e polyfills sobre os mesmos.

O suporte é bem amplo, vai até o IE 10, versões iniciais do FF e Chrome, e Safari 5.1. Também tem bom suporte em mobile. Veja o primeiro link desta resposta, no fim do artigo tem uma tabela de compatibilidade.

Sobre polyfills, não creio que façam muito sentido neste caso. Se o objetivo das arrays tipadas é ganhar performance, construir um polyfill para esse recurso só significaria perder mais performance ainda.

Fonte

Related Posts:

Qual a diferença entre AppCompatActivity e Activity? – android android-activity
Pergunta: Qual a diferença da AppCompatActivity para Activity ? A partir de qual versão a AppCompatActivity foi adicionada ao Android? Autor da pergunta Luhhh A diferença reside ...
Como abreviar palavras em PHP? – php string
Pergunta: Possuo informações comuns como nome de pessoas e endereços, e preciso que elas contenham no máximo 30 caracteres sem cortar palavras. Exemplo: 'Avenida Natalino João Brescansin' ...
Qual é a finalidade de um parêntese vazio numa declaração Lambda? – c# expressões-lambda característica-linguagem
Pergunta: Criei um exemplo de uma declaração Lambda sem argumentos, entretanto, estou com duvidas referente a omissão do parêntese vazio () na declaração. Veja o exemplo: class ...
Boas práticas para URI em API RESTful – api rest restful
Pergunta: Estou com dúvida em relação às URIs de alguns recursos da api que estou desenvolvendo. Tenho os recursos projetos e atividades com relação 1-N, ...
Dúvidas sobre a integração do MySQL com Java – java mysql netbeans
Pergunta: Estou criando um sistema no NetBeans, utilizando a linguagem Java e o banco de dados MySQL. Escrevi o seguinte código para realizar a conexão ...
Qual é a finalidade da pasta Model do framework Inphinit? – php inphinit
Pergunta: No Inphinit micro-framework existe a pasta Model que fica dentro da pasta application, e nela é onde ficam as classes, mas eu estou muito ...
Uso do ‘@’ em variáveis – javascript typescript coffeescript
Pergunta: Vejo em algumas linguagens que compilam para javascript, como TypeScript e CoffeeScript, o uso do @ em variáveis, como também, casos em que o ...
Qual tamanho máximo um arquivo JSON pode ter? – json arquivo
Pergunta: Vou dar um exemplo para conseguir explicar minha duvida: Preciso recuperar informação de imagens vindas de uma API, esse banco de imagens me retorna JSON's ...
O que é Teste de Regressão? – terminologia engenharia-de-software testes
Pergunta: Na matéria de Teste de Software o professor abordou um termo chamado Teste de Regressão, isto dentro da disciplina de teste de software. Sendo ...
O que é um construtor da linguagem? – php característica-linguagem
Pergunta: Em PHP, já li e ouvi várias vezes a respeito dos Construtores da Linguagem. Os casos que sempre ouvi falar deles foi em casos ...
Função intrínseca para converter numérico para string – cobol
Pergunta: Estou a tentar saber se existe alguma função intrínseca do COBOL para converter um data numérico para string sem precisar usar a cláusula REDEFINES: ( ...
Porque usar implements? – java android
Pergunta: Qual a diferença entre usar btn.setOnClickListener(new OnClickListener() { e public class MainActivity extends Activity implements OnClickListener{ Estive fazendo um curso de Android e meu professor falou que ...
O que é XHTML e quando deve ser usado? – html xml xhtml
Pergunta: O que eu sei é que o XHTML precisa ser XML válido. Isso implica, por exemplo, que todas as tags precisam ser fechadas. Por ...
Uma placa aceleradora de vídeo pode melhorar o desempenho não-gráfico? [fechada] – desempenho
Pergunta: Para desenvolver em Ruby on Rails, eu utilizo aqui uma máquina virtual do VirtualBox com Ubuntu Server 14.04 sem interface gráfica instalada. Recentemente descobri uma ...
Concat() VS Union() – c# .net
Pergunta: Qual a diferença entre Concat() e Union() ? Quando usar Concat() e quando usar Union() ? Somente pode ser usado em list ? ...

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *