18 Métodos de Arrays em JavaScript que Você Deveria Saber

Os arrays são uma parte essencial da programação em JavaScript, proporcionando uma maneira poderosa de armazenar e manipular coleções de dados. Neste artigo, vamos explorar dezoito métodos fundamentais de arrays que todo programador JavaScript deveria conhecer para escrever código mais eficiente e claro.

1. Push

O método arr.push(..element) adiciona um novo elemento ao final de um array e retorna o novo comprimento do array. Este método altera o array original.

Sintaxe:

arr.push(element1, element2, …)

Exemplo:

let arr = [1, 2, 3];
arr.push(4); // arr agora é [1, 2, 3, 4]

2. Pop

O método arr.pop() remove o último elemento de um array e retorna o elemento removido. Este método também altera o array original e seu comprimento.

Sintaxe:

arr.pop()

Exemplo:

let arr = [1, 2, 3, 4];
arr.pop(); // arr agora é [1, 2, 3]

3. Shift

O método arr.shift() remove o primeiro elemento de um array e retorna o elemento removido. Este método também altera o comprimento do array original.

Sintaxe:

arr.shift()

Exemplo:

let arr = [1, 2, 3, 4];
arr.shift(); // arr agora é [2, 3, 4]

4. Unshift

O método arr.unshift(elements) adiciona um ou mais elementos ao início de um array e retorna o novo comprimento do array.

Sintaxe:

arr.unshift(item1, item2, …)

Exemplo:

let arr = [2, 3, 4];
arr.unshift(1); // arr agora é [1, 2, 3, 4]

5. Splice

O método arr.splice() modifica o array original removendo, substituindo ou adicionando elementos.

Sintaxe:

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

Exemplo:

let arr = [1, 2, 3, 4];
arr.splice(1, 1); // arr agora é [1, 3, 4]

6. Slice

O método arr.slice() seleciona uma parte de um array e retorna um novo array com os itens copiados do índice de início até o fim. O array original não é alterado.

Sintaxe:

arr.slice(start, end)

Exemplo:

let arr = [1, 2, 3, 4];
let newArr = arr.slice(1, 3); // newArr é [2, 3]

7. Includes

O método arr.includes(item, index) verifica se o item está presente no array a partir do índice fornecido e retorna true se encontrado, caso contrário, retorna false.

Sintaxe:

arr.includes(item, index)

Exemplo:

let arr = [1, 2, 3, 4];
arr.includes(3); // true

8. forEach

O método arr.forEach() executa uma função fornecida uma vez para cada elemento do array.

Sintaxe:

arr.forEach(callback)

Exemplo:

let arr = [1, 2, 3, 4];
arr.forEach(num => console.log(num)); // imprime 1, 2, 3, 4

9. Join

O método arr.join(separator) cria uma string com todos os elementos de um array concatenados, separados por um delimitador específico.

Sintaxe:

arr.join(separator)

Exemplo:

let arr = [1, 2, 3, 4];
arr.join('-'); // "1-2-3-4"

10. toString

O método arr.toString() converte um array em uma string e retorna o resultado.

Sintaxe:

arr.toString()

Exemplo:

let arr = [1, 2, 3, 4];
arr.toString(); // "1,2,3,4"

11. Map

O método map() chama uma função callback em cada elemento do array original e retorna um novo array com os resultados. Este é um método não mutante.

Sintaxe:

  arr.map(function callback(currentValue, index, array) {
    // Retorna um novo valor
  })

Exemplo:

let arr = [1, 2, 3, 4];
let doubled = arr.map(num => num * 2); // [2, 4, 6, 8]

12. Reduce

O método reduce() aplica uma função a um acumulador e cada elemento do array (da esquerda para a direita) para reduzir a um único valor.

Sintaxe:

arr.reduce(function callback(accumulator, currentValue, index, array) {
  // Retorna o valor acumulado
}, initialValue)

Exemplo:

let arr = [1, 2, 3, 4];
let sum = arr.reduce((acc, num) => acc + num, 0); // 10

13. Filter

O método filter() cria um novo array com todos os elementos que passaram no teste implementado pela função fornecida.

Sintaxe:

arr.filter(function callback(element, index, array) {
  // Retorna true para manter o elemento
})

Exemplo:

let arr = [1, 2, 3, 4];
let even = arr.filter(num => num % 2 === 0); // [2, 4]

14. Sort

O método sort() organiza os elementos de um array em ordem crescente ou conforme a função de comparação fornecida.

Sintaxe:

arr.sort([compareFunction])

Exemplo:

let arr = [4, 2, 3, 1];
arr.sort(); // [1, 2, 3, 4]

15. Find

O método find() retorna o primeiro elemento no array que satisfaz a função de teste fornecida.

Sintaxe:

arr.find(function callback(element, index, array) {
  // Retorna true para encontrar o elemento
})

Exemplo:

let arr = [1, 2, 3, 4];
let found = arr.find(num => num > 2); // 3

16. IndexOf

O método indexOf() retorna o primeiro índice no qual um dado elemento pode ser encontrado no array, ou -1 se o elemento não estiver presente.

Sintaxe:

arr.indexOf(searchElement, fromIndex)

Exemplo:

let arr = [1, 2, 3, 4];
let index = arr.indexOf(3); // 2

17. Some

O método some() testa se ao menos um elemento no array passa na função de teste implementada.

Sintaxe:

arr.some(function callback(element, index, array) {
  // Retorna true se pelo menos um elemento passar no teste
})

Exemplo:

let arr = [1, 2, 3, 4];
let hasEven = arr.some(num => num % 2 === 0); // true

18. Concat

O método concat() é usado para mesclar dois ou mais arrays.

Sintaxe:

arr.concat(array2, array3, ..., arrayN)

Exemplo:

let arr1 = [1, 2];
let arr2 = [3, 4];
let merged = arr1.concat(arr2); // [1, 2, 3, 4]

Esses métodos são fundamentais para trabalhar com arrays em JavaScript. Dominar esses métodos permitirá que você manipule dados de forma mais eficiente e escreva códigos mais limpos e legíveis. Feliz codificação!

Referências:

• 10 Important JavaScript Array Methods You Must Know
• Lists of Top 10 JavaScript array methods a beginner Js developer should know