Arrays em JS: Como declarar, Inicializar e Acessar elementos

Agora que já aprendemos o que são Arrays, está na hora de colocar a mão na massa, criar e manipular alguns.

Vamos, de fato, ver como é bem melhor trabalhar com arrays do que com uma infinidade de variáveis diferentes.

Baixar a Apostila JavaScript Progressivo

Como Declarar Arrays: new Array()

A primeira coisa que precisamos para declarar um array é um nome.
E isso você já sabe: é um nome de uma variável qualquer.

Vamos supor que queiramos armazenas as notas de um aluno, vamos então chamar o array de notas.

Queremos que notas seja um objeto do tipo Array, então precisamos instanciar, ou seja, armazenar na memória um bloco para esse array.

Fazemos isso usando a instrução new e o tipo de objeto, no caso, Array.
Para declarar um array com n posições, fazemos:

var notas = new Array(n);

Por exemplo, para armazenar 10 notas de um aluno:
var notas = new Array(10);

Pronto, agora você tem dez bloquinhos, 10 variáveis, sendo que usou apenas um nome e fez tudo numa linha só.

Como Acessar Elementos de um Array em JavaScript

Demos uma prévia disso no tutorial passado, onde dissemos que o primeiro elemento de um array tem índice 0.

Assim, a primeira variável do array notas é:
notas[0]


A segunda variável é:
notas[1]

A terceira:
notas[2]

...
A décima variável:
notas[9]

Todas com nome notas, um par de colchetes e um número dentro.
Note que, são todas variáveis, como qualquer outra de qualquer tipo, que vínhamos usando durante todo nosso curso de JavaScript.

Bem mais fácil trabalhar assim, com várias variáveis, não é?

Como Inicializar Elementos de um Array

Podemos já criar e declarar um Array com seus valores inicializados.
Por exemplo, um array 3 elementos:

• var notas = new Array(10, 9, 8);

Isso quer dizer que:

1. notas[0] = 10;
2. notas[1] = 9;
3. notas[2] = 8;

Você também pode inicializar ele assim:
var notas = [10, 9, 8];

Você pode inclusive inicializar com alguma posição sem nenhum valor dentro:
var notas = [10, 9, , 8]

Isso quer dizer

1. notas[0] = 10
2. notas[1] = 9
3. notas[2] = (bloco, espaço de memória em vazio)
4. notas[3] = 8

Tamanho de um Array: .length

Para saber o tamanho de um array, basta acessarmo o atributo length de todo objeto do tipo Array.
Por exemplo, se declaramos:
alunos = new Array(2112)

E acessamos: alunos.length
Esse valor será 2112.

Ou seja, em um array de nome fubá, o seu tamanho está armazenado em fubá.length, sempre.

Vale lembrar que arrays podem crescer, se expandir ou mesmo diminuir, perder elementos, e até mesmo serem vazios, como veremos mais adiante em nossos tutoriais de JS.