Javascript Fundamentals - Objeto Array #1

Vamos começar nossa jornada de estudos com o objeto array. Apesar de não ser muito a intenção dessa série, antes de partir para as primeiras funções vou explicar brevemente o que é um array, como criar um e acessar seus itens. Não será nada muito aprofundado, mas será o suficiente para quem ainda não tem muita familiaridade com isso conseguir acompanhar os próximos posts. :)

Introdução

Um array nada mais é do que um objeto que te permite armazenar diversos itens. Esses itens podem ser uma string, um number, um boolean, um objeto e até mesmo outro array! Caso ainda não consiga ver uma utilidade prática para isso, vou te mostrar um rápido exemplo:

var nome1 = 'Caue Queiroz';
var nome2 = 'Luke Skywalker';
var nome3 = 'Han Solo';

Olha quanta variável criamos para armazenar informações parecidas. Com um array podemos fazer isso de uma forma muito melhor.

var nomes = ['Caue Queiroz', 'Luke Skywalker', 'Han Solo'];

A partir do momento que você cria um array você consegue acessar os seus itens através de suas respectivas posições. É muito importante lembrar que essa contagem de posições começa no número 0, e não no 1, ok?

console.log(nomes[0]);
> 'Caue Queiroz'
console.log(nomes[1]);
> 'Luke Skywalker'
console.log(nomes[2]);
> 'Han Solo'

Bem simples, não? Realmente não tem muito segredo para criar e acessar os itens de um array. Com o tempo (e com alguns problemas) você vai perceber como esse tipo de recurso da linguagem é extremamente valioso.

Funções

Vamos começar conversando sobre os métodos que são responsáveis por modificar um array.

unshift(), push(), shift() e pop().

unshift()

Usado para adicionar um ou mais elementos no início de um array. Coloque como parâmetro o que deseja adicionar.

var nomes = ['Caue Queiroz', 'Luke Skywalker', 'Han Solo'];

// Adicionando "Obi-wan" no início do array
nomes.unshift('Obi-wan');

console.log(nomes);
> ["Obi-wan", "Caue Queiroz", "Luke Skywalker", "Han Solo"]

push()

Usado para adicionar um ou mais elementos no final de um array. Coloque como parâmetro o que deseja adicionar.

var nomes = ['Caue Queiroz', 'Luke Skywalker', 'Han Solo'];

// Adicionando "Obi-wan" no final do array
nomes.push('Obi-wan');

console.log(nomes);
> ["Caue Queiroz", "Luke Skywalker", "Han Solo", "Obi-wan"]

shift()

Usado para remover o primeiro item de um array.

var nomes = ['Caue Queiroz', 'Luke Skywalker', 'Han Solo'];

// Removendo o primeiro item
nomes.shift();

console.log(nomes);
> ["Luke Skywalker", "Han Solo"]

Caso precise saber qual item foi removido, essa função tem como retorno esse item.

var nomes = ['Caue Queiroz', 'Luke Skywalker', 'Han Solo'];

// Removendo o primeiro item e salvando em uma variável
var removido = nomes.shift();

console.log(nomes);
> ["Luke Skywalker", "Han Solo"]
console.log(removido);
> "Caue Queiroz"

pop()

Usado para remover o último item de um array.

var nomes = ['Caue Queiroz', 'Luke Skywalker', 'Han Solo'];

// Removendo o último item
nomes.pop();

console.log(nomes);
> ["Caue Queiroz", "Luke Skywalker"]

Caso precise saber qual item foi removido, essa função tem como retorno esse item.

var nomes = ['Caue Queiroz', 'Luke Skywalker', 'Han Solo'];

// Removendo o último item e salvando em uma variável
var removido = nomes.pop();

console.log(nomes);
> ["Caue Queiroz", "Luke Skywalker"]
console.log(removido);
> "Han Solo"

Como tivemos uma pequena introdução hoje, vou finalizar por aqui com esses quatro métodos. Percebeu o padrão, né? Eles são responsáveis por adicionar/remover elementos no início/final de um array.

No próximo post continuamos, e talvez até terminamos, os métodos que modificam um array. Até lá! :)

Esse post faz parte de uma série. Quer ver as outras postagens? Clique aqui.