Skip to content

Cheat Sheet de Métodos de Arrays em JavaScript

Esta página fornece um guia detalhado dos métodos de arrays em JavaScript, incluindo operações comuns, novas funcionalidades ES6, otimização de desempenho e muito mais.

Criação de Arrays

O JavaScript oferece várias formas de criar arrays:

Utilização de Literais de Array 

let arr = [1, 2, 3];

Utilização do Construtor 

let arr = new Array(1, 2, 3);

Utilização του método Array.of 

let arr = Array.of(1, 2, 3);

Utilização του método Array.from 

let arr = Array.from('123'); // ['1', '2', '3']

Operações com Arrays

Os arrays fornecem uma grande variedade de métodos para adicionar, eliminar, modificar e consultar dados:

Adicionar elementos

  • push: Adiciona um ou mais elementos ao final do array
  • unshift: Adiciona um ou mais elementos ao início do array

Eliminar elementos

  • pop: Elimina o último elemento do array
  • shift: Elimina o primeiro elemento do array
  • splice: Elimina qualquer número de elementos com base no índice

Encontrar elementos

  • indexOf: Encontra o índice de um elemento no array
  • includes: Determina se o array contém um determinado elemento

Iterar através de arrays

  • forEach: Executa uma função de callback uma vez por cada elemento do array
  • map: Cria um novo array com os resultados da chamada de uma função fornecida em cada elemento do array que a chama
  • filter: Cria um novo array com todos os elementos que passam no teste implementado pela função fornecida

Transformação de array

  • join: Junta todos os elementos de um array numa string
  • slice: Retorna uma cópia superficial de uma parte de um array
  • concat: Funde dois ou mais arrays

Novas Funcionalidades ES6

O ES6 trouxe muitas melhorias às operações com arrays:

Operador Spread (Espalhamento) 

let arr = [1, 2, 3];
let arr2 = [...arr, 4, 5]; // [1, 2, 3, 4, 5]

Array.prototype.find 

let result = arr.find(item => item > 2); // 3

Array.prototype.findIndex 

let index = arr.findIndex(item => item > 2); // 2

Array.prototype.fill 

arr.fill(0); // [0, 0, 0]

Array.prototype.includes 

arr.includes(2); // true

Otimização de Desempenho

Ao lidar com grandes arrays, a otimização de desempenho é particularmente importante:

  • Tente utilizar métodos nativos como map e filter, que são geralmente implementados em C++ e são mais rápidos do que loops JavaScript.
  • Para arrays manipulados frequentemente, considere a utilização de Typed Arrays.
  • Evite operações DOM dentro de loops; em vez disso, recolha os nós DOM a serem operados e execute a operação de uma só vez.

Conclusão

Através deste guia, deverá ter uma compreensão mais profunda das operações com arrays em JavaScript. Para mais informações, consulte o MDN Web Docs.