JavaScript: Trabalhando com Arrays

Aliás, uma das principais funções do Javascript é trabalhar com dados! Mas como usar arrays em JavaScript?

Se eles são recebidos do back-end ou da interação do usuário.

É aí que entra nossa amada e deliciosa variedade.

O que são arrays em JavaScript?

Um array é um objeto em JavaScript que é útil para nós porque podemos usar uma única variável para armazenar uma lista de diferentes elementos.

Por exemplo, supondo que seja necessário armazenar os nomes de todos os alunos da sala de aula, criar uma variável para cada aluno seria no mínimo trabalhoso, dependendo do tamanho dos dados que não acho viável.

Nesta ideia, podemos criar a variável alunos e usar essa variável para armazenar os nomes de todos os alunos.

Como declarar um array no JavaScript?

Para usar um array, precisamos declarar uma variável (você pode visitar nosso artigo Understanding Variables and Constants in JavaScript para aprender como declarar variáveis).

E ao atribuir, colocamos entre [] e separamos cada valor com , . Por exemplo:

Nota: Lembre-se que nossas listas são variáveis, então elas podem ser declaradas com let ou var .

Podemos declarar um array sem itens e tamanho, ou um array com apenas um tamanho definido, mas vazio, assim:

No primeiro exemplo, declaramos e atribuímos 20 localizações ao array de alunos, enquanto no segundo exemplo deixamos o tamanho do array em aberto. Para preencher o array, basta atribuir um valor ao lado do índice:

Curiosidade: em JavaScript temos o método Array.isArray(obj); ele permite verificar se um objeto é um array, usando um dos exemplos acima obtemos o seguinte:

Retorna true se for um array, false caso contrário.

Mas de qualquer forma, declaramos nosso array. Mas como acessamos os dados armazenados?

Como alterar e acessar os itens de um array em Java Script?

Acessar um item de um array é tão simples quanto usar o índice da posição do item.

Para nosso exemplo, não adicionamos itens ao índice declarado, então o JavaScript começa no índice 0 e incrementa cada item. Então, para exibir um item, podemos fazer o seguinte

Nesse caso, exibiremos o item no índice 1, lembrando que nossa lista começa no índice 0, portanto, obteremos o seguinte resultado:

Ao executar

obtemos “Marina” retornado.

Para alterar um elemento, basta usar o nome do array com o índice e atribuir o novo valor:

Quando o código acima for executado, o aluno Bruno será trocado pelo aluno Gabriel.

Viu como é fácil lidar com arrays em Java script?

Ah, e não esqueça que todos os arrays em Javascript são tratados como objetos com comportamento especial.

Portanto, não entre em pânico sabendo que o retorno de typeof[] é um objeto

Uma referência que teve um grande impacto na minha vida como desenvolvedor e neste artigo é o livro de David Flanagan, Javascript – The Definitive Guide.