Inserir Elementos em um Array

Até agora, vimos como declarar e inicializar um Array (vetor). Agora, vamos ver como podemos inserir dados em um array.

Como vimos anteriormente, um array é composto por índices que determinam a posição de um dado dentro daquele array. Quando vamos inserir um novo dado devemos colocá-lo no final do array.

A questão está em: como podemos achar último índice de um array?

De uma forma simples, podemos usar a nossa lógica e pensar um pouco.

Como cada posição do array é igual a posição-1, então, se temos um array de tamanho 5, o maior índice que possuímos é 4. Com isso podemos concluir que, o tamanho do array será sempre seu próximo índice.

Array	Último Índice	Tamanho	Próximo Índice
[0],[1],[2]	2	3	3
[0],[1],[2],[3],[4]	4	5	5
[0],[1],[2],[3],[4],[5],[6],[7]	7	8	8

Sabendo disso, usaremos a propriedade length do objeto Array para obter o tamanho do vetor e, assim, conseguirmos inserir mais um elemento.

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
var vetor = new Array ();
var i, proximo;
for (i = 1; i <= 5; i++) {
    proximo = vetor.length;
    /*
       obtendo o tamanho do array
       para descobrir qual o último índice
    */
    vetor[proximo] = "Dado " + i;
}
for (i=0; i<vetor.length; i++) {
    document.write(vetor[i] + "<BR>");
}
</SCRIPT>

O que resulta em:

Método push

Inserir Elemento no Final de Um Array

Além da forma algorítmica de inserir um elemento no final de um array, o próprio objeto Array possui um método que faz isso por nós.

O método push() insere um ou mais elementos no final de um array.

A sintaxe é: push (elemento1, elemento2, elemento3, ...)

Dessa forma, não precisamos nos preocupar com o tamanho e nem com o último índice do array.

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
vetor = new Array ("José");
document.write ("Este array possui "+vetor.length+" elemento.<BR>");
vetor.push("Antônio");
document.write ("Agora, possui "+vetor.length+" elementos.<BR>");
vetor.push ("Edson", "Maria", "Helena", "Carlos");
document.write ("Este vetor possui "+vetor.length+" elementos.<BR>"+
                "Que são: "+vetor.join(", "));
</SCRIPT>

Veja o que acontece quando este JavaScript é executado.

Método unshift

Inserir Um Elemento no Início de Um Array

Outra forma de inserir elementos é utilizar o método unshift().

O método unshift() insere um ou mais elementos no início de um array.

A sintaxe é: unshift (elemento1, elemento2, elemento3, ...)

Um detalhe importante é o fato de que este método possivelmente não funcione corretamente em versões anteriores ao Internet Explorer 6.

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
vetor = new Array ("5", "6", "7", "8", "9", "10", "J", "Q", "K");
document.write ("Este baralho tem apenas as cartas "+vetor.join(", ")+
                ". Vamos completá-lo com as cartas iniciais.<BR>");
vetor.unshift ("A", "1", "2", "3", "4");
document.write ("Agora temos o baralho completo: "+vetor.join(", "));
</SCRIPT>

Veja o resultado logo abaixo.

Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons.