Programação
 › Algoritmo  › C/C++  › Java
Web
 › HTML/XHTML  › JavaScript  › PHP
Sistema Operacional
 › Comandos de DOS  › Windows  › Linux  › Mac/BSD
Office
 › Word / Writer  › Excel / Calc
Áreas do Site
 › Download  › Fórum  › Blog
Recomendamos
Computadores e Informática em Lisboa
TI Expert » Programação » Web » JavaScript » Inserir Elementos em um Array - push e unshift

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.

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

Faça o download da versão em PDF Indique nosso site Gostou?
Indique nosso site!
Este artigo foi
lido 67095 vezes
Bookmark e Compartilhe

Páginas Relacionadas

Enquete
O Google Chrome OS irá desbancar o Microsoft Windows 7?
» ProgramaçãoAlgorítmo | C/C++ | Java

» WebHTML/XHTML | JavaScript | PHP

» Sistema OperacionalComandos de DOS | Windows | Linux | Mac/BSD

» OfficeWord/Wirter | Excel/Calc

» Áreas do SiteDownloads | Fórum | Blog