Fork me on GitHub

Getting Started

Um guia para iniciantes na área de web.

Arrays

Valores agrupados

Com o Array é possível armazenar um conjunto de quaisquer valores javascript, como números, caracteres ou textos ou uma mistura deles. Imagine o array como um gaveteiro onde você pode adicionar ou retirar gavetas e cada gaveta comtém o objeto que quiser, vamos criar aqui um gaveteiro onde a primeira gaveta contém o valor 10 a segunda 20 e a terceira 30.

Vejamos:

var  gaveteiro = [10,20,30];

Simples não é? A diferença no Javascript é que a contagem de cada posição do array começa em zero, assim temos: gaveta 0, gaveta 1 e gaveta 2.

Acessando elementos do array

Com o nosso array criado podemos visualizar cada uma das posições individualmente colocando o indice dentro de colchetes:

console.log(gaveteiro[2]); //30
console.log(gaveteiro[1]); //20
console.log(gaveteiro[0]); //10

Também podemos alterar o valor de cada posição da seguinte forma:

var  gaveteiro = [10,20,30];
gaveteiro[2] = 99;
console.log(gaveteiro[2]);

Assim dizemos que gaveteiro na posição 2 recebeu o valor 99.

Adicionando elementos no array

Caso precise adicionar uma nova gaveta, podemos usar o método push:

var  gaveteiro = [10,20,30];
gaveteiro.push(100);
console.log(gaveteiro[3]); //100

O método push recebe 100 como parametro e adiciona na ultima posição do array.

Removendo elementos no array

Caso precise remover/recortar uma gaveta, podemos usar os seguintes métodos:

- Para remover a ultima gaveta, utilizamos o pop:

var  gaveteiro = [10,20,30];
console.log(gaveteiro[2]); //30
gaveteiro.pop();
console.log(gaveteiro[2]); //undefined

- Para remover a primeira gaveta, utilizamos o shift:

var  gaveteiro = [10,20,30];
console.log(gaveteiro[0]); //10
gaveteiro.shift();
console.log(gaveteiro[0]); //20

- Para retornar apenas algumas gavetas (recortar), utilizamos o slice:

var  gaveteiro = [10,20,30];
var novaGaveta = gaveteiro.slice(1,3);
console.log(novoGaveteiro); //[20, 30]

Quantidade de elementos do array

Depois de ter adicionado várias gavetas, pode surgir a necessidade de saber quantas já existem, para isso vamos acessar a propridade length:

var  gaveteiro = [1,2,3,10,20,30];
console.log(gaveteiro.length); //6
gaveteiro.push(100);
gaveteiro.push(200);
gaveteiro.push(300);
gaveteiro.push(400);
console.log(gaveteiro.length); //10
gaveteiro.push(200);
console.log(gaveteiro.length); //9