Javascript - Métodos de Array I

[DanTheLion]

Olá a todos, como vão? Já faz um tempo que não trago um tutorial de Javascript, neste tutorial, vou apresentar alguns métodos de Array.

Este tutorial será dividido em partes pois há métodos de Arrays bem simples e outras um pouco complexas. Neste tutorial serão as simples.



Como você deve saber sobre Arrays (que você pode rever clicando AQUI!) são tipos de variáveis que armazenam/guardam mais de um valor consigo.

Essas Arrays podem ser chamadas ou executadas de diversas maneiras como usar comandos como For, Switch, If etc. mas além disso elas podem ser manipuladas usando métodos as quais veremos a seguir:


(Para não se confundir, saiba que Array é considerado um tipo de variável)


.toString()

Este método converte o(s) valor(es) de uma Array para texto. Assim, o resultado mostra todos os conteúdos da Array em texto separados por vírgula.

Veja esse código por exemplo:

var ingrediente = [5, "Colheres de Açúcar", 8, "Ovos"];
alert(ingrediente.toString());

Acima, foi declarado uma variável ingrediente contém 4 (quatro) valores. Em seguida uma janela é aberta contendo todos os valores separados por uma vírgula sem espaçamento.


.join()

Este método adiciona um separador para todos os valores de uma Array. Ele pode ser configurável:

Veja o exemplo do ingrediente de novo com este método:

var ingrediente = [5, "Colheres de Açúcar", 8, "Ovos"];
alert(ingrediente.join(", "));

É aberto uma janela em que o separador das Arrays é uma vírgula e um espaço.


.push()

Este método adiciona um novo valor para uma Array.

var ingrediente = [5, "Colheres de Açúcar", 8, "Ovos"];
ingrediente.push("Farinha");

alert(ingrediente.toString());

No exemplo acima, um valor chamado "Farinha" foi adicionado como valor para a variável 'ingrediente', sendo assim, este novo valor vai para a última posição. Como antes a Array ingrediente tem 4 (quatro) valores, o valor "Farinha" será o 5º (quinto) da variável.


.pop()

Este método remove o último valor de uma Array.

var ingrediente = [5, "Colheres de Açúcar", 8, "Ovos"];
ingrediente.pop()

alert(ingrediente.toString());

No exemplo, o valor "Ovos" é removido da Array, restando os outros três valores.

var ingrediente = [5, "Colheres de Açúcar", 8, "Ovos"];
ingrediente.pop()
ingrediente.pop()
ingrediente.pop()

alert(ingrediente.toString());

Agora neste exemplo, os três ultimos valores da direita para esquerda são removidos, pois o método foi chamado três vezes, restando assim o valor "5" da variável.

var ingrediente = [5, "Colheres de Açúcar", 8, "Ovos"];
var ultimo_ingrediente = ingrediente.pop();

alert(ultimo_ingrediente.toString());

Neste exemplo, o método .pop() pode ser utilizado para retornar o último valor de uma Array, como mostrado na variável declarada chamada 'ultimo_ingrediente'. Como resultado, retornaria "Ovos" como valor para esta variável.


.shift()

Semelhante ao método .pop(), este remove o primeiro valor de uma Array.

var ingrediente = [5, "Colheres de Açúcar", 8, "Ovos"];
ingrediente.shift()

alert(ingrediente.toString());

Neste caso, o valor "5" é removido pois ele é o primeiro valor da Array, restando os outros três.

var ingrediente = [5, "Colheres de Açúcar", 8, "Ovos"];
var primeiro_ingrediente = ingrediente.shift();

alert(primeiro_ingrediente.toString());

Assim como o .pop(), o .shift() pode também retornar o primeiro valor da Array.


.unshift()

Semelhante ao método .push(), este método adiciona um valor à primeira posição de uma Array.

var ingrediente = [5, "Colheres de Açúcar", 8, "Ovos"];
ingrediente.unshift("Água");

alert(ingrediente.toString());

No exemplo acima, o valor "Água" é adicionado na primeira posição da Array e depois a janela é aberta mostrando este valor primeiro e depois os outros.




Por hoje é só. Esta é a primeira parte dos métodos de Array. A segunda parte será feita em breve. Aguardem!

~ Abraços!
Até mais!