TUTORIAIS DE JAVASCRIPT
 
Objecto Array
 
 

Em geral

 

O objecto Array é uma lista de elementos indexados nos quais pode-se guardar (escrever) dados ou as invocar (ler).

Atenção! O objecto Array é do Javascript 1.1

 
Array de uma dimensão
 

Para fazer um array, procede-se a duas etapas:

  • primeiro construir a estrutura do array. Nesta fase, os elementos do array estão vazios.
  • depois inserir valores nos elementos definidos.

Começa-se por definir o array :

    nome_do_array = new Array (x);

Onde x é o número de elementos do array.

De notar que, o número de elementos é limitado a 255.

Depois, depois alimenta-se a estrutura definida :

    nome_do_array [i] = "elementos";

onde i é um número compreendido entre 0 e x menos 1.

Exemplo: um caderno de endereço com 3 pessoas

    construção do array :
    caderno = new Array(3);

    inserir dados:
    caderno[0]="Sérgio";
    caderno[1]="Paulo";
    caderno[2]="Angelo";

    para aceder a um elemento, emprega-se:
    document.write(caderno[2]);

Nota-se também que os dados são bem visíveis ao leitor (view source).

Nota:

  • Muitas vezes é prático carregar o array com um ciclo. Admitindo que temos que carregar 50 imagens. Ou as carregamos manualmente (0.gif, 1.gif, 2.gif...), ou utiliza-se um ciclo do estilo:

    function gifs() {
    gif = new Array(50);
    for (var=i;i<50;i++)
    {gif[i] =i+".gif";}
    }
 
Propriedades e Métodos
 
ELEMENTOS DESCRIÇÃO
length Devolva o número de elementos do array.
join()

Junta todas os elementos do array numa única cadeia.
Os diferentes elementos são separados por um caractere separador especificado no argumento. Por defeito, este separador é uma vírgula.

reverse() Inversa a ordem dos elementos.
sort() Devolva os elementos por ordem alfabético.

Usando os exemplo do quadro,

document.write(carnet.join()); dá como resultado : Sérgio,Paulo,Ângelo.
document.write(carnet.join("-")); dá como resultado : Sérgio-Paulo-Ângelo.
document.write(carnet.reverse().join("-")); dá como resultado : Ângelo-Paulo-Sérgio

Array de duas dimensões
 

Pode-se criar arrays de duas dimensões (e mais ainda).

Primeiro declara-se array de 1 dimenão da maneira clássica :

    nome_do_array = new Array (x);

Depois, declara-se cada elemento do array como um array de 1 dimension :

    nome_do_array[i] = new Array(y);

Para um array de 3 por 3 :

PREÇOS

T. SMALL

T. MEDIUM
T. LARGE
CAMISAS

1200

1250

1300

POLOS

800

850

900

T-SHIRT

500

520

540


nome = new Array(3);
nome[0] = new Array(3);
nome[1] = new Array(3);
nome[2] = new Array(3);
nome[0][0]="1200"; nome[0][1]="1250"; nome[0][2]="1300";
nome[1][0]="800"; nome[1][1]="850"; nome[1][2]="900";
nome[2][0]="500"; nome[2][1]="520"; nome[2][2]

Para explorar estes dados, aqui tem uma ilustração do que é possível:

Escolha do artigo :    
Escolha do tamanho :


O formulário escreva-se:

    <FORM name="form" >
    <SELECT NAME="liste">
    <OPTION>Camisas
    <OPTION>Polos
    <OPTION>T-shirts
    </SELECT>
    <SELECT NAME="tamanho">
    <OPTION>T. Small
    <OPTION>T. Medium
    <OPTION>T. Large
    </SELECT>
    <INPUT TYPE="button" VALUE="Obter preço " onClick="affi(this.form)">
    <INPUT TYPE="TEXT" NAME="txt">
    </FORM>

Onde a função affi() formula-se assim:

function affi() {
i = document.form.liste.selectedIndex;
j= document.form.taille.selectedIndex
document.form.txt.value=nome[i][j];
}

 
 
 

ANÚNCIOS

 



 
 
 
  Tutoriais | Fóruns de Discussão | Notícias | Jogos | Dicas | Flash | Downloads | Livros
Gifs Animados | Loja Online | Publicitar no Truques e Dicas | Contactos