Métodos de array javascript: saiba quais você precisa conhecer

Na programação utilizamos arrays para armazenar dados e os métodos de array para manipular esses dados e tratá-los conforme a regra de negócio que a aplicação requer. Conhecer a estrutura de dados utilizada e métodos que facilitem a manipulação desses elementos é crucial na vida de um programador, deixando o código mais limpo, organizado, com um melhor desempenho e mais seguro. Ao decorrer deste artigo vamos conhecer alguns métodos e como utilizá-los e, para isso, precisamos entender o que são os arrays e métodos.

O que é array?

Em programação, arrays(arranjos/vetores) são estruturas de dados que armazenam uma coleção de elementos em uma única variável. Em JavaScript, arrays são objetos e podem ser usados para armazenar diferentes tipos de dados, como strings, números e objetos.

Um array é declarado em JavaScript usando colchetes [ ] e os elementos do array são separados por vírgulas. Por exemplo, o seguinte código cria um array de números:

O que é um método em JavaScript?

Os métodos são funções pré-estabelecidas usadas para realizar operações em objetos, como arrays, strings e objetos.

Em JavaScript, os métodos são chamados usando a sintaxe de ponto. Por exemplo, o método push() é usado para adicionar elementos a um array. Para usar o método push(), você chamaria o método em um array existente usando a sintaxe de ponto:

Métodos de array no JavaScript

Existem muitos métodos disponíveis para manipular e acessar elementos em um array em JavaScript. Aqui estão alguns dos métodos mais comuns:

.concat()

O método concat() é usado para combinar dois ou mais arrays em um único array. O método concat() não altera os arrays originais, ele retorna um novo array com os elementos dos arrays originais. Aqui está um exemplo de como usar o método concat():

Neste exemplo, o método concat() é usado para combinar os arrays ‘numeros1’ e ‘numeros2’ em um novo array ‘numeros3’.

.join()

O método join() é usado para criar uma string a partir dos elementos de um array. O método join() junta os elementos do array em uma única string, separando cada elemento com um separador especificado. Aqui está um exemplo de como usar o método join():

Neste exemplo, o método join() é usado para criar uma string a partir dos elementos do array numeros, separando cada elemento com uma vírgula e um espaço.

.push()

O método push() é usado para adicionar um ou mais elementos ao final de um array. Aqui está um exemplo de como usar o método push():

Neste exemplo, o método push() é usado para adicionar o número 4 ao final do array numeros.

.pop()

O método pop() é usado para remover o último elemento de um array e retorná-lo. Aqui está um exemplo de como usar o método pop():

Neste exemplo, o método pop() é usado para remover o número 4 do final do array ‘numeros’ e atribuí-lo à variável removeNumero.

.shift()

O método shift() é usado para remover o primeiro elemento de um array e retorná-lo. Aqui está um exemplo de como usar o método shift():

Neste exemplo, o método shift() é usado para remover o número 1 do início do array ‘numeros’ e atribuí-lo à variável primeiroNumero.

.unshift()

O método unshift() é usado para adicionar um ou mais elementos ao início de um array. Aqui está um exemplo de como usar o método unshift():

Neste exemplo, o método unshift() é usado para adicionar o número 0 ao início do array ‘numeros’.

.slice()

O método slice() é usado para retornar uma cópia de parte de um array, especificada pelos índices de início e fim. Aqui está um exemplo de como usar o método slice():

Neste exemplo, o método slice() é usado para retornar uma cópia dos elementos com índices de 1 a 3 do array ‘numeros’. (Lembrando que o índice é a posição do elemento no array e não o seu valor).

.splice()

O método splice() é usado para adicionar, remover ou substituir elementos em um array. O método splice() altera o array original. Aqui está um exemplo de como usar o método splice():

Neste exemplo, o método splice() é usado para remover os elementos com índices de 2 a 3 (de valor 3 e 4, respectivamente) do array ‘numeros’ e substituí-los pelos números 13 e 14.

.reverse()

O método reverse() é usado para inverter a ordem dos elementos em um array. O método reverse() altera o array original. Aqui está um exemplo de como usar o método reverse():

Neste exemplo, o método reverse() é usado para inverter a ordem dos elementos do array ‘numeros’.

Qual método exibe o índice de um elemento de um array?

Utilizando métodos podemos perceber que se fala muito em “indíce” dos elementos, mas e como descobrir qual é o índice de um elemento? Também temos um método para isto!
O método indexOf() é usado para retornar o índice da primeira ocorrência de um elemento em um array. Aqui está um exemplo de como usar o método indexOf():

Neste exemplo, o método indexOf() é usado para encontrar o índice do número 4 no array ‘numeros’ e atribuí-lo à variável ‘indice’.

Conclusão

Os métodos de array em JavaScript são muito úteis para manipular e acessar elementos em um array. Neste artigo, discutimos alguns dos métodos mais comuns usados em JavaScript, como concat(), join(), push(), pop(), shift(), unshift(), slice(), splice() e reverse(). Cada método tem sua própria função e pode ser útil em diferentes situações, dependendo do que você está tentando fazer. Além disso, vimos que o método indexOf() pode ser usado para encontrar o índice de um elemento em um array. Isso pode ser útil se você precisa saber a posição de um elemento específico.

Ao usar esses métodos, é importante lembrar que alguns deles alteram o array original, enquanto outros retornam uma cópia modificada do array. Certifique-se de ler a documentação cuidadosamente para entender como cada método funciona e como ele afeta o array original.

No geral, os métodos de array em JavaScript são uma ferramenta muito útil para manipular e acessar elementos em um array. Eles podem tornar seu código mais eficiente e mais fácil de ler e entender. Esperamos que este artigo tenha sido útil para entender como usar esses métodos em seus próprios projetos de JavaScript.
Quer aprender mais sobre métodos e como utilizá-los em projetos 100% funcionais? Não perca mais tempo e inscreva-se agora no curso Fullstack da Kenzie Academy Brasil. Dê o primeiro passo em direção ao seu futuro na área de tecnologia!