Guia de Estudos

Linguagem Orientada a Objetos

JavaScript
Sumário
1 Introdução.........................................................................................................................2
1.1 Diferenças Básicas entre Java e Javascript...............................................................3
2 Sintaxe e Variáveis...........................................................................................................5
2.1 Sintaxe Javascript.......................................................................................................5
2.2 Case Sensitive............................................................................................................6
2.3 Separação de Instruções............................................................................................6
2.4 Variáveis.....................................................................................................................6
3 Strings e Mensagens.......................................................................................................9
3.1 Strings.........................................................................................................................9
3.2 Métodos de String.....................................................................................................10
3.3 Conversão entre os tipos de dados..........................................................................11
3.4 Mensagens...............................................................................................................12
3.5 Mensagens que rolam na barra de status................................................................12
3.6 Armazenando dados do usuário em variáveis.........................................................14
4 Objetos e Arrays............................................................................................................16
4.1 Objetos......................................................................................................................16
4.2 Mais sobre vetores...................................................................................................17
4.3 Arrays multidimensionais..........................................................................................19
5 Operadores e Comandos..............................................................................................22
6 Referências.....................................................................................................................23

1
1 Introdução
No começo da Internet foram criados vários serviços para realizar muitos tipos de
comunicações, como correio eletrônico, chats, buscas, etc. Mas era demandada uma
linguagem que permitisse apresentar informações junto à formatação de estilos que
funcionasse como um sistema de página com links. À curto prazo, o HTML foi a
linguagem que atendeu à essa necessidade. Porém, logo percebeu-se que ele havia se
tornado obsoleto para definir as novas funcionalidades, não era suficiente para fazer tudo
o que era possível nas páginas web.

Entre as primeiras tecnologias que surgiram a partir daí podemos destacar o Java.
Surgiu, basicamente, através do uso de Applets, que são pequenos programas que se
incorporam às páginas web e que realizam as ações relacionadas aos programas de fins
gerais. Após compatibilizar seus navegadores com a mais nova criação, os applets, a
Netscape passou a desenvolver uma linguagem que fosse mais simples de utilizar que o
Java. Passou a desenvolver então o o "primeiro Javascript" que levou o nome de
LiveScript. Porém, foi um nome que não perdurou por muito tempo já que, antes do
lançamento de sua primeira versão, uma parceria com a Sun Microsystems permitiu o
desenvolvimento conjunto dessa tecnologia que passou a ser conhecida como
"Javascript".

Javascript é uma linguagem que roda no lado cliente (já que quem suporta sua
carga de processamento é o navegador) e é utilizada para criar pequenos programas que
realizam ações em páginas web. Como é compatível com quase todos os navegadores
modernos, é a linguagem do lado cliente mais utilizada.

Com Javascript podemos criar páginas mais "inteligentes", inserindo efeitos

especiais e recursos como: botões que mudam ao passar o mouse em cima, verificar se o
preenchimento de um formulário está correto, dentre outras interatividades com o usuário.
Como já foi dito, o responsável por interpretar e consequentemente executar essas
instruções Javascript é o browser, que é, portanto, o maior (para não dizer o único) com
que esta linguagem conta.

Algumas linguagens de programação para web são muito complexas, mas as

linguagens de script são geralmente simples por possuirem sintaxes fáceis de entender,
além de permitirem a combinação de script com HTML para deixar as páginas Web

2
interativas. Outra facilidade do Javascript é que ela é uma linguagem interpretada e
não compilada. O que acontece é que navegador executa cada linha de script como as
recebe. Por este motivo é importante saber que a sintaxe Javascript é case sensitive,
sendo necessária atenção na escrita dos comandos. Caso contrário o Javascript
interpretará, por exemplo, o que seria um comando como sendo o nome de uma variável.
Coisas como essas são o que diferem Javascript de outras linguagens de programação
em que os códigos devem ser compilados ou traduzidos em código de máquina antes de
serem executados.

1.1 Diferenças Básicas entre Java e Javascript

Uma das maiores confusões que acontecem quando se fala em Javascript é a

inevitável comparação com a linguagem de programação "Java". É importante frisar,
contudo, que Javascript NÃO TEM NADA A VER COM JAVA. Estas são duas técnicas
diferentes de programação e portanto não guardam entre si mais relação que a sintaxe e
poucas coisas mais. Java é uma linguagem de programação. Javascript é
basicamente uma linguagem de hiper-texto. É útil pois muitas vezes precisa-se, por
exemplo, utilizar algum recurso que torne a página mais dinâmica e mais bonita, sem ter
de se incomodar com a programação. É útil também pois é bastante simples e foi
projetada para fazer as coisas com rapidez.

Diferenças entre Javascript e Java:

1. a programação Java requer um kit de desenvolvimento e um compilador.

Entretanto, Javascript não é uma linguagem que necessite que seus programas se
compilem. Estes são interpretados pelo browser quando ele lê a página;

2. Java é uma linguagem de programação fortemente tipada, ou seja, ao

declarar uma variável é necessária a indicação de seu tipo e, então, não é
permitida a mudança de seu tipo automaticamente. Por sua vez, Javascript
não tem esta característica, e pode-se alocar em uma variável a informação
que se deseja, independentemente de seu tipo. Ademais, pode-se mudar o
tipo de informação de uma variável quando for necessário;

3. Java é muito mais potente que Javascript, pois Java é uma linguagem de
propósito geral, com a qual pode-se fazer aplicações para variadas funções.
Javascript, entretanto, permite somente a escrita de programas que sejam

3
 posteriormente executados em páginas web;

4. miniaplicativos Java são compilados em arquivos de classe para serem utilizados

em uma página da web. JavaScript, porém, utiliza comandos simples de texto, que
podem ser incluídos no próprio documento de HTML;

5. miniaplicativos Java geralmente são exibidos em uma caixa dentro do documento

de Web. Já scripts de JavaScript podem afetar qualquer parte do próprio
documento da Web.

Apesar de diferentes e úteis para diferentes coisas, as duas linguagens podem até
serem utilizadas em conjunto para combinar suas vantagens.

4
2 Sintaxe e Variáveis
Para programar em Javascript necessitamos basicamente o mesmo que para
programar páginas web com HTML. Um editor de textos e um navegador compatível com
Javascript. Porém, apesar de um editor de texto simples ser suficiente para começar,
talvez seja muito útil contar com outros programas que nos oferecem melhores
prestações na hora de escrever as linhas de código. Estes editores avançados têm
algumas vantagens, como colorir os códigos de nossos scripts, nos permitem trabalhar
com vários documentos simultaneamente, têm ajudas, etc. Fica a critério de cada um a
utilização de seu editor.

Em primeiro lugar devemos ter em mente que o código Javascript deve ser inserido
dentro do código HTML. Isto, na prática, faz que se misturem na página as duas
linguagens de programação. Para isso, é necessário o uso de delimitadores do código de
script, que no caso é:

<script> código javascript </script>

Em uma mesma página podemos introduzir vários scripts, cada um que poderia se
introduzir dentro das etiquetas <script> distintas. Podemos também escrever Javascript
dentro de determinados atributos da página, como o atributo onclick. Estes atributos estão
relacionados com as ações do usuário e são chamados de manejadores de eventos.
Vamos ver mais detalhadamente essas duas maneiras de escrever scripts:

• Execução direta de scritps: Neste caso se incluem as instruções dentro da

etiqueta <script>, tal como comentamos anteriormente. Nele, o browser vai
interpretando as linhas de código e vai executando uma após a outra.

• Resposta a um evento: Eventos são ações que o usuário realiza. O Javascript é

preparado para apagar eventos do usuário e gerar ações de resposta. Desta
maneira são realizados programas interativos, já que controlamos os movimentos
do usuário e respondemos a ele.

2.1 Sintaxe Javascript

Javascript tem uma sintaxe muito parecida com a de Java por estar baseado nele.
Também é muito parecida com a da linguagem C, de modo que se você conhece alguma

5
destas duas linguagens poderá manejar com facilidade o código.

2.2 Case Sensitive

Como já foi dito, Javascript é uma linguagem case sensitive, ou seja, deve-se
respeitar as maiúsculas e as minúsculas. Se nos equivocamos ao utilizá-las o navegador
responderá com uma mensagem de erro de sintaxe. Por convenção os nomes se
escrevem em minúsculas, salvo que se utilize um nome com mais de uma palavra, pois
nesse caso se escreverão com maiúsculas as iniciais das palavras seguintes à primeira.

OBS.: Podemos utilizar maiúsculas nas iniciais das primeiras palavras em alguns casos
como os nomes das classes, apesar de que já veremos mais adiante quais são estes
casos.

2.3 Separação de Instruções

As duas maneiras que existem de separar instruções em Javascript são a

separação por ponto-e-vírgula, no caso em que as duas instruções se encontram na
mesma linha, e a separação por quebra-de-linha, onde não precisamos usar o ponto-e-
vírgula se separarmos as instruções em mais de uma linha.

Contudo é interessante que nos acostumemos a utilizar sempre o ponto-e-vírgula

para separar as sentenças já que a maioria das linguagens hoje em dia têm essa regra
como obrigatória. Dessa maneira estaremos habituados a realizar uma sintaxe parecida
com a da maioria da das programações avançadas.

2.4 Variáveis

Uma variável é um espaço em memória onde se armazena um dado, um espaço

onde podemos salvar qualquer tipo de informação que necessitemos para realizar as
ações de nossos programas. Em JavaScript, variáveis dinâmicas podem ser criadas e
inicializadas sem declarações formais. Existem dois tipos de abrangência para as
variáveis:

• Global - declaradas/criadas fora de uma função. As variáveis globais podem ser

acessadas em qualquer parte do programa.

Exemplo:

<SCRIPT>

6
 variávelGlobal

</SCRIPT>

• Local - declaradas/criadas dentro de uma função. Só podem ser utilizadas dentro

da função onde foram criadas e precisam ser definidas com a instrução Var.

Exemplo:

<script>

function minhaFuncao(){

var variavelLocal

</script>

OBS.: Podem existir variáveis globais com o mesmo nome de variáveis locais, porém,
esta prática não é aconselhável.

Com relação à nomenclatura, as variáveis devem começar por uma letra ou

pelo caracter sublinhado '_', o restante da definição do nome pode conter qualquer letra
ou número. Deve-se ter em mente também que na atribuição de valores a variáveis deve
ser usado um sinal de igual único.

Exemplos de declarações:

Nome1="José"

Valor=2

_1contador=0

OBS.: Devemos evitar também utilizar nomes reservados como variáveis. Por exemplo:
não poderemos nomear nossa variável com nomes como return ou for, já que são
utilizadas para estruturas da própria linguagem.

Existem 3 tipos de variáveis. São elas:

• Numéricas: logicamente armazenam números.

Ao contrário do que ocorre na maioria das linguagens mais conhecidas, em

Javascript só existe um tipo de dado numérico. Todos os números são, portanto, do tipo
numérico, independentemente da precisão que tenham ou se são números reais ou

7
inteiros. Com Javascript também podemos escrever números em outras bases. As bases
são sistemas de numeração que utilizam mais ou menos dígitos para escrever os
números. Existem três bases com as que podemos trabalhar:

• base 10, é o sistema que utilizamos habitualmente, o sistema decimal. Entende-se

que qualquer número, por padrão, está escrito em sistema decimal;

• base 8, também chamado sistema octal, que utiliza dígitos do 0 ao 7. Para

escrever um número em octal, simplesmente escreve-se este número precedido de
um 0, por exemplo 036;

• base 16 ou sistema hexadecimal, é o sistema de numeração que utiliza 16

dígitos, os compreendidos entre o 0 e o 9 e as letras da A à F, para os dígitos que
faltam. Para escrever um número em hexadecimal devemos escrevê-lo precedido
de um zero e um xis, por exemplo, 0x4EA.

• Booleanas: armazenam valores lógicos (TRUE ou FALSE).

• Strings: armazenam sequência de caracteres.

As strings podem ser delimitadas por aspas simples ou duplas, a única restrição é
que se a delimitação começar com as aspas simples, deve terminar com aspas simples,
da mesma forma para as aspas duplas. Caso seja necessário a utilização destes
caracteres como parte da string, utilize \ precedendo " ou '. Como por exemplo : alert
("Cuidado com o uso de \" ou \' em uma string").

8
3 Strings e Mensagens

3.1 Strings

Podemos incluir dentro de uma string alguns caracteres especiais, a saber:

CONTROLES ESPECIAIS SIGNIFICADO

\b retroceder espaço
\f avance página
\n passa para a próxima linha
\r Enter
\t posiciona o texto na próxima tabulação
// linha de comentário
/*....*/ delimitadores para inserir um texto com mais de uma linha
como comentário.

Exemplo de uso:

document.write("isto é uma\n frase");

que retorna:

isto é uma

frase

• Concatenação: para concatenar duas strings em javascript simplesmente usamos

o operador (+).

Exemplo:

Frase1= "Isso é um teste!";

Frase2= "É um teste mesmo";

Valor= Frase1+Frase2;

document.write(Valor);

o que retorna:

Isso é um teste!É um teste mesmo

9
3.2 Métodos de String

Todos os exemplos abaixo baseiam-se na variável texto = "Aldeia Numaboa".

Método Função
charAt(x) Retorna o caracter da posição x: texto.charAt(2) retorna d
(lembre-se de que a numeração dos caracteres começa com
zero).
indexOf(substring) Retorna a posição da primeira substring dentro da string:
texto.indexOf("boa") retorna 11.
lastIndexOf(substring) Retorna a posição da última substring dentro da string:
texto.lastIndexOf("a") retorna 13.
substring(início,fim) Retorna a substring entre a posição início e fim:
texto.substring(2,6) retorna deia.
toLowerCase() Retorna a string em minúsculas: texto.toLowerCase() retorna
aldeia numaboa.
toUpperCase() Retorna a string em maiúsculas: texto.toUpperCase() retorna
ALDEIA NUMABOA.
charCodeAt(neo) Retorna o código ASCII do caractere na posição nro:
texto.charCodeAt(0) retorna 65, o valor ASCII do caracter A.
length Retorna o número de caracteres da string: texto.length retorna
14.

.outros métodos de string equivalentes:

Método Função
anchor Cria uma âncora na página HTML, que se refere a stringObject. Equivale à
tag <a name="nome da ancora">stringObject</a>.
big Mostra stringObject com tamanho grande. Equivale à tag <big></big>.
blink Mostra stringObject piscando na tela. Equivale à tag <blink></blink>.
bold Mostra stringObject em negrito. Equivale à tag <b></b>.
fixed Mostra stringObject com fonte de tamanho fixo. Equivale a tag <tt></tt>.
fontcolor Determina a cor que stringObject será mostrada. Equivale à tag <font
color=#RGB></font>.
fontsize Mostra stringObject no tamanho definido por "x". Equivale à tag <font
size="tamanho"></font>.
italics Mostra stringObject no formato itálico. Equivale à tag <i></i>.
link Cria um link, onde stringObject é o texto que aparece em destaque.
small Mostra stringObject em fonte pequena. Equivale à tag <small></small>.
strike Mostra stringObject com um traço no meio. Equivale à tag <strike></strike>.
sub Mostra stringObject no formato subscript. Equivale à tag .
sup Mostra stringObject no formato sobrescrito. Equivale à tag .

Alguns exemplos de uso dos métodos:

10
<script>

frase="Olá. Isto é uma Frase"

document.write(frase.substring(11,14)); //retorna 'uma'

document.write(frase.toLowerCase()); //retorna 'olá. isto é uma frase'

document.write(frase.toUpperCase()); // retorna 'OLÁ. ISTO É UMA FRASE'

document.write(frase.length); //retorna 21

document.write(frase.charAt(5)); //retorna 'I'

</script>

O JavaScript reconhece ainda um outro tipo de conteúdo em variáveis, que é o

NULL. Na prática isso é utilizado para a manipulação de variáveis não inicializadas sem
que ocorra um erro no seu programa. Quando uma variável possui o valor NULL, significa
dizer que ela possui um valor desconhecido ou nulo, o null não é igual a nada, nem
mesmo ao próprio null. A representação literal para NULL é a string 'null' sem os
delimitadores. Quando referenciado por uma função ou comando de tela, será assim que
NULL será representado.

OBS.: Percebe-se então que NULL é uma palavra reservada.

3.3 Conversão entre os tipos de dados.

Em algumas situações, podemos terminar com uma string contendo um número e

precisar convertê-la em uma variável numérica regular. O JavaScript possui funções
específicas para isso:

• parseInt(): converte uma string em um número inteiro;

• parseFloat(): converte uma string em um número de ponto flutuante.

Exemplo:

varstring= “30 bebidas”

numvar= parseInt(varstring);

No caso do exemplo anterior o valor armazenado em numvar será 30, pois a parte
não-numérica é desconsiderada na passagem para numérico. Se um número válido não
for localizado, a expressão retorna a string NaN (Not A Number).

11
3.4 Mensagens

Existem três maneiras de comunicação com o usuário no Javascript. Eis aqui cada
uma e sua explicação:

• alert: é usado para imprimir informação ao usuário por meio de uma caixa de alerta
no browser.

Exemplo:

<script>

alert("Certifique-se de que as informações estão corretas")

</Script>

• confirm: mensagem que retorna caixa de diálogo com confirmação de OK ou

Cancelar. Retorna um booleano. No caso, é verdadeiro se o usuário clicar em OK.

Exemplo:

<Script>

if (confirm("Deseja Continuar?"))

{ alert("Continuando") }

else

{ alert("Parando") }

</Script >

• prompt: recebe informação do usuário via caixa de texto Input. Será explicada
melhor a seguir.

3.5 Mensagens que rolam na barra de status

Com o conhecimento adquirido em strings, podemos agora mostrar como fazer

mensagens rolarem na barra de status do browser. Inicialize, no script, a variável string a
ser rolada na tela:

frase="Olá, sejam bem vindos!"

A seguir, defina uma segunda string chamada esp. Essa string será exibida entre
as cópias da mensagem para tornar claro onde uma termina e a outra começa. Por

12
exemplo :

esp =”... ...”;

Serão necessárias outras variáveis além das anteriores:

.uma variável numérica para armazenar a posição atual da string. Chame-a de pós e
inicialize-a com 0:

pos=0;

A rolagem do texto será feita por uma função que chamaremos de rolamensagem:

1: function rolamensagem(){

2: window.status=frase.substring(pos,frase.length)+esp+frase.substring(0,pos);

3: pos++;

4: if(pos>frase.length)

5: pos =0;

6: window.setTimeout(“rolamensagem()”, 500);

7: }

Na linha 2, temos uma instrução que exibe uma string na linha de status (pelo uso
de window.status). A string é composta da parte de 'frase' de 'pos' até o fim, seguida pelo
espaço. É seguido, então, pela parte de 'frase' desde o início de 'pos'. Incrementamos
então a variável 'pos'. Após isto temos uma instrução que verifica se 'pos' é maior que o
comprimento de 'frase'. Se for, redefine-o para 0. Temos por último uma instrução que
utiliza o método 'window.setTimeout', que permite configurar uma instrução a ser
executada depois de um período de tempo. Nesse caso, execute a função rolamensagem
depois do 0,5 segundo.

Vemos abaixo como ficaria isto no código completo:

<html>

<head>

<title> Mensagem rolando na tela</title>

<script>

frase="Ola alunos, sejam bem vindos!"

13
 esp="... ... "

pos=0

function rolamensagem(){

window.status=frase.substring(pos,frase.length)+esp+frase.substring(0,pos)

pos++

if (pos>frase.length)

pos=0

window.setTimeout("rolamensagem()",300)

rolamensagem()

</script>

</head>

<body>

<h1> Mensagem rolando na tela</h1>

Preste atenção à linha de status rolando na página!

</body>

</html>

3.6 Armazenando dados do usuário em variáveis

Em certas ocasiões é necessário o armazenamento dos dados inseridos pelo

usuário para uso na própria página. Para isso, utilizaremos a função 'prompt'. Ela é
semelhante à função 'alert' mas é usada para dados de entrada do usuário. Por exemplo:

titulo=prompt("digite o título da pagina");

nome=prompt("digite seu nome:");

a partir disso podemos utilizar o conteúdo das variáveis para personalizar o documento
HTML.

document.write(“<H1>”+ titulo+”</H1>”);

14
document.write(“<H2> Criada por“+nome+”</H2>”);

Para completar esse script, adicione as tags < SCRIPT> normais e uma estrutura
HTML. O exemplo abaixo mostra o documento final de HTML. Após isso, e só carregar o
documento em um browser e ver o resultado.

<html>

<head>

<title> construcao de pagina </title>

</head>

<body>

<script>

nome=prompt("digite seu nome:");

titulo=prompt("digite o título da pagina");

document.write(“<h1>”+ titulo+”</h1>”);

document.write(“<H2> Criada por“+nome+”</H2>”);

</script>

<p> Página em construção.</p>

</body>

</html>

15
 4 Objetos e Arrays

4.1 Objetos

Manipulando Arrays

Na maioria das linguagens, existem estruturas que permitem salvar informações de

uma maneira mais complexa que simples variáveis. Uma estrutura típica são os vetores
(arrays). Um array nada mais é uma estrutura que permite o armazenamento de vários
valores ao invés de somente um como acontece com as variáveis comuns. O acesso a
cada um desses valores é feito de maneira independente, através de um índice. Em
Javascript, trabalhar com arrays nada mais é que trabalhar com o uso de objetos.

Para trabalharmos com arrays primeiramente devemos criá-lo, utilizando um objeto

Javascript. Existem várias maneiras diferentes que podemos utilizar para criar arrays. No
caso seguinte, o primeiro comando cria um array sem nenhum conteúdo. Já o segundo
comando cria um array com um tamanho pré-definido de 6 campos:

var vetor = new Array();

var vetor2 = new Array(6);

OBS.: Na declaração de um array é necessário que a palavra Array tenha a inicial

maiúscula.

Pode-se introduzir qualquer dado, tanto se indicamos ou não o número de campos

do array. A criação de campos é dinâmica e se produz ao mesmo tempo, que os scripts se
executam. A seguir mostramos como intoduzir dados num vetor.

vetor[0]=150

vetor[1]=80

vetor[2]=10

Para ver na tela os dados armazenados em casa posição do array podemos usar
um loop for desta maneira:

for (i=0;i<3;i++){

document.write("Posição " + i + " do vetor: " + vetor[i])

16
 document.write("<br>")

Dividindo uma string

O Javascript inclui um método de string chamado split, que divide uma string em
suas partes componentes. Para utilizar esse método, especifique a string a dividir e um
caractere para dividir as partes :

Frase=”isto é um vetor”

Vetor=Frase.split(“ “);

Neste caso, a string Frase mantém o 'isto é um vetor'. O método split na segunda
instrução divide a string nome em cada espaço, resultado em quatro strings. Estas são
armazenadas em um array de strings chamado Vetor. Depois que as instruções de
exemplo executam, os elementos de partes contêm o seguinte :

vetor[0]="isto";

vetor[1]="é";

vetor[2]="um";

vetor[3]="vetor";

O Javascript também inclui um método de array, join, que desempenha a função

oposta. Esta instrução remonta o array Vetor em uma string:

JuntaVetor=Vetor.join(“ “);

O valor nos parenteses especifica um caractere para separar as partes do array.

Nesse caso, um espaço é utilizado, resultando na string final 'isto é um vetor'. Se você
não especificar um caractere de separação, as vírgulas são utilizadas por padrão.

4.2 Mais sobre vetores

No caso do Javascript podemos colocar num vetor tipos de dados diferentes para
cada posição:

vetor[0]="ola";

vetor[1]=15;

vetor[2]=false;

17
vetor[3]=0.547;

Para outros propósitos, podemos trabalhar com vetores de uma maneira diferente.
Podemos primeiramente criar uma função com vários parâmetros desta maneira:

Function Registro(nome,endereco,telefone){

this.nome=nome;

this.endereco=endereco;

this.telefone=telefone;

OBS.: O This especifica o objeto atual como sendo fonte dos valores passados à função.
Além disso, para acessar a uma propriedade de um objeto há que utilizar o operador
ponto.

A partir daí somente criamos o objeto:

Ana = new Registro('Ana Luiza','Rua tal','3333-3333');

e o referenciamos assim:

Ana.nome - retorna 'Ana Luiza'

Ana.endereco - retorna 'Rua tal'

Ana.telefone - retorna '3333-3333'

ou assim:

Ana[0], Ana[1], Ana[2];

Outra maneira, portanto, de trabalhar com os vetores é criá-los e referenciar suas

posições usando o atributo length, que retorna o número de campos do array:

Function Vetor(x){

this.length=x

for (var i=0 ; i<x ; i++){

this[i]="";

18
 Há que observar que o loop for se executa sempre que i tiver um valor menor que a
longitude do array, extraída de sua propriedade length. Chamaríamos a função assim:

MesDoAno=Vetor(12);

E incluiríamos os dados assim:

MesDoAno[0]='Janeiro'

MesDoAno[1]='Fevereiro'

MesDoAno[2]='Março'

...

Ordenando um array

O Javascript também inclui o método sort para arrays, que retorna uma versão
classificada do array (alfabeticamente ou numericamente). Por exemplo, as seguintes
instruções inicializam um array de quatro nomes e o classifica:

alunos[0]=”Fernanda Gomes da Silveira “

alunos[1]=”Leticia Vieira Santos”;

alunos[2]=” Felipe Silva “;

alunos[3]=” Marcos Cardoso”;

ordenados=alunos.sort();

A última instrução atribui o array 'ordenados' à versão classificada de alunos

utilizando o método join.

4.3 Arrays multidimensionais

Os arrays multidimensionais são estruturas de dados que armazenam os valores

em mais de uma dimensão. Até aqui vimos arrays simples nos quais seus valores são
armazenados em uma dimensão, o que requeria a utilização de apenas um índice para
acessar suas posições.

Em Javascript não existe um objeto array-multidimensinal particularmente definido.

Para utilizá-los poderemos, porém, definir arrays onde, em cada uma de suas posições
haverá outro array. No exemplo seguinte criamos um array multidimensional
simplesmente juntando os dois métodos anteriores:

19
Exemplo:

Alunos = new Vetor(4);

Alunos[0]=new Registro("José","Rua tal1","3333-3333");

Alunos[1]=new Registro("Ana","Rua tal2","2222-2222");

Alunos[2]=new Registro("João","Rua tal3");

Alunos[3]=new Registro("Carlos","Rua tal4","1111-1111");

,o que geraria:

Alunos[0].nome="José";

Alunos[0].endereco="Rua tal1";

Alunos[0].telefone="3333-3333";

Alunos[1].nome="Ana";

Alunos[1].endereco="Rua tal2";

Alunos[1].telefone="2222-2222";

Alunos[2].nome="João";

Alunos[2].endereco="Rua tal3";

Alunos[2].telefone=null;

...etc.

.Outro exemplo de criação de arrays de mais de uma dimensão é:

var PopulacaoCidade0 = new Array(3);

PopulacaoCidade0[0] = 1200;

PopulacaoCidade0[1] = 1000;

PopulacaoCidade0[2] = 1100;

var PopulacaoCidade1 = new Array(3);

PopulacaoCidade1[0] = 5000;

PopulacaoCidade1[1] = 3000;

PopulacaoCidade1[2] = 2000;

20
em seguida:

var temperaturas_cidades = new Array(3);

PopulacaoPais[0] = PopulacaoCidade0;

PopulacaoPais[1] = PopulacaoCidade1;

PopulacaoPais[2] = PopulacaoCidade2;

Também é interessante ver como se faz o percurso por um array multidimensional:

for (i=0;i<PopulacaoPais.length;i++){

document.write("País " + i);

for (j=0;j<PopulacaoPais[i].length;j++){

document.write(PopulacaoPais[i][j]);

Neste caso, com o primeiro loop, percorremos a primeira dimensão do array e

utilizamos a variável i para levar a conta a posição atual. Para cada iteração, imprimimos
o país da vez e o programa entra em outro loop. Neste, imprimimos, para cada país, o
número relativo a cada novo índice j.

21
5 Operadores e Comandos

22
6 Referências
•

23