• Nenhum resultado encontrado

JavaScript: A Linguagem

N/A
N/A
Protected

Academic year: 2021

Share "JavaScript: A Linguagem"

Copied!
117
0
0

Texto

(1)

JavaScript: A Linguagem

Conceitos preliminares e suas estruturas de dados

Prof. Giuliano Prado

giucontato@gmail.com

(2)

Introdu¸c˜ ao

(3)

Introdução

• Páginas Web Dinâmicas: Capazes de Mudar

• Como implementar?

• Através de pequenos programas...

– Associados ao código da página – Associados a ações do usuário

• Quais linguagens permitem fazer isso?

(4)

Introdução

• Linguagens mais usadas na Web

Nome Empresa Tipo Similar Execução

JavaScript Mozilla Interpretada Java/C++ Cliente

PHP PHP Interpretada C++/Java Servidor

ASP Microsoft Interpretada Visual Basic Servidor

JSP Oracle “Compilada” Java Servidor

Servlets Oracle “Compilada” Java Servidor ASP .Net Microsoft “Compilada” Visual Basic

.Net

Servidor

(5)

Linguagem Interpretada

• Linguagens podem ser de dois tipos

– Compiladas – Interpretadas

• Compiladas

(6)

Linguagem Interpretada

• Interpretadas

• Diferença na distribuição

– Comprar um livro traduzido – Ir ao Oscar com um intérprete

• JavaScript: intérprete é o navegador!

(7)

Vantagens e Desvantagens

• Para o Desenvolvedor

– Praticidade no Desenvolvimento – Velocidade de Desenvolvimento – Compatibilidade

• Para o Usuário

– Desempenho da Aplicação – Praticidade

– Comodidade

(8)

C LIENT S IDE

X

S ERVER S IDE

(9)

Server Side x Cliente Side

• Exemplo de Processamento Server Side

(10)

Server Side x Cliente Side

• Exemplo de Processamento Client Side

(11)

Server Side x Cliente Side

• Exemplo de Processamento Client Side

Muito mais

rápido!

(12)

Cliente

Formulários

Browser form

Internet

Servidor Apache

PHP js

MySQL

BD

(13)

Server Side x Cliente Side

• E a segurança...

• Client Side é mais fraco!

– Usuário tem acesso ao código – Usuário pode modificar o código

• Transferir para o lado cliente é bom...

– Mas requer cuidado!

– Apenas se não comprometer a segurança!

(14)

Javascript

Javascript X Java

E importante saber que o Javascript ´ ´ e completamente diferente do Java.

Mesmo que os dois sejam utilizados para criar programas em p´ aginas Web.

Mesmo que os dois usam o mesmo termo Java, temos a´ı duas

ferramentas bem diferentes.

(15)

Javascript

Javascript X Java

Javascript:

C´ odigo interpretado pelo browser no momento da execu¸c˜ ao.

C´ odigos de programa¸c˜ ao simples mas para aplica¸c˜ oes limitadas.

Confidencialidade do c´ odigo ´ e nula (C´ odigo ´ e vis´ıvel).

Java:

O c´ odigo ´ e compilado antes da sua execu¸c˜ ao.

Linguagem de programa¸c˜ ao muito mais complexa mas mais poderosa.

Seguran¸ca (C´ odigo compilado).

(16)

A Linguagem

(17)

O JavaScript

• A linguagem JavaScript em si...

– É muito parecida com o C/C++

– É muito parecida com o Java

• Principal diferença:

– Não há tipos de variáveis

• Quase tudo é objeto

– Os elementos fazem coisas

(18)

O JavaScript

• Usaremos para...

– Mudar cores – Mudar textos

– Mudar posições...

• Implementar lógica...

– De menus

– De configurações

• Gerar solicitações

– AJAX

(19)

Como Integrar JavaScript e XHTML?

• Similar a CSS

• Não vamos inserir no XHTML

• Processo de Criação

1. Criar uma página com alguns elementos 2. Criar a função a associar a algum evento

3. Associar a função ao evento de um elemento

(20)

Javascript

Algumas Considera¸ c˜ oes

Os scripts podem estar localizadas em qualquer parte do c´ odigo HTML, a ´ unica restri¸c˜ ao ´ e que devem come¸car e terminar com a declara¸c˜ ao de Scripts.

Por conven¸c˜ ao costuma-se colocar todas as fun¸c˜ oes no in´ıcio do documento (entre as TAGs < HEAD > e < /HEAD > , isso para garantir que o c´ odigo JavaScript seja carregado antes que o

usu´ ario interaja com a Home Page), ou seja, antes do < BODY > .

(21)

Javascript

Sintaxe

< html >

< head >

< script language=”Javascript” >

//declara¸c˜ oes

< /script >

< /head >

< body >

< !- - c´ odigo html - - >

< /body >

< /html >

(22)

Javascript

Exemplo

(23)

Javascript

Falta Suporte?

Browser n˜ ao suporta JavaScript?

Utilize os coment´ arios HTML < !- - e - - > .

Exemplo:

< script >

< !- -

document.write (”Aqui j´ a ´ e JavaScript”);

- - >

< /script >

(24)

Javascript

Coment´ arios

(25)

JavaScript Externo

• Da mesma forma como nos arquivos CSS, podemos deixar funções e comandos JavaScript em arquivos externos:

– Estes arquivos devem ter a extensão .JS

• Para importar:

<script src="meuScript.js"></script>

(26)

Conceitos Preliminares

(27)

Javascript

Algumas Conceitos OO - Classes

Uma classe ´ e um tipo definido pelo usu´ ario que cont´ em o molde, a especifica¸c˜ ao para os objetos. A classe envolve, associa, fun¸c˜ oes e dados, controlando o acesso a estes, defini-la implica em

especificar os seus atributos (dados) e seus m´ etodos (fun¸c˜ oes).

(28)

Javascript

Algumas Conceitos OO - Classes

Uma classe categoriza objetos semelhantes.

Classe ´ e uma descri¸c˜ ao de um ou mais objetos com os mesmos atributos e servi¸cos.

Objetos pertencentes ` a classe s˜ ao ditos INST ˆ ANCIAS da classe.

Instancia¸c˜ ao: ato de criar (instanciar) objetos de uma classe.

(29)

Javascript

Algumas Conceitos OO - Objetos

Objeto ´ e qualquer indiv´ıduo, lugar, coisa, evento, tela, relat´ orio ou conceito...

Ou seja, qualquer elemento que seja aplic´ avel ao projeto do sistema.

Os objetos possuem dados e funcionalidade que definem seus comportamentos.

Possuem: atributos (estado) e servi¸cos (comportamento).

(30)

Javascript

Algumas Conceitos OO - Objetos - Exemplo

Carregou-se a seguinte p´ agina:

(31)

Javascript

Algumas Conceitos OO - Objetos - Exemplo

Esta p´ agina aparece em uma janela.

Esse ´ e o objeto JANELA.

(32)

Javascript

Algumas Conceitos OO - Objetos - Exemplo

Nesta janela, h´ a um documento HTML, ´ e o objeto DOCUMENTO.

Isto quer dizer: o objeto JANELA cont´ em o objeto DOCUMENTO.

Isso nos traz a no¸c˜ ao de hierarquia, que ser´ a sempre utilizada em

Javascript.

(33)

Javascript

Algumas Conceitos OO - Objetos - Exemplo

Neste documento, temos um formul´ ario.

E o objeto ´ FORMUL ´ ARIO.

Continuando: o objeto JANELA cont´ em um objeto

DOCUMENTO que cont´ em um objeto FORMUL ´ ARIO.

(34)

Javascript

Algumas Conceitos OO - Objetos - Exemplo

Neste formul´ ario encontramos 3 objetos.

Bot˜ oes r´ adio, bot˜ ao cl´ assico e uma ´ area de texto.

S˜ ao: objeto RADIO, objeto, BOT ˜ AO e objeto TEXTO.

Em outras palavras: o objeto JANELA cont´ em o objeto

DOCUMENTO que cont´ em o objeto FORMUL ´ ARIO que por

sua vez cont´ em os objetos RADIO, BOT ˜ AO e TEXTO.

(35)

Javascript

Algumas Conceitos OO - Objetos - Exemplo

(36)

Javascript

Algumas Conceitos OO - Objetos - Exemplo

A hierarquia do exemplo ´ e ent˜ ao:

(37)

Javascript

Algumas Conceitos OO - Objetos

Para acessar um objeto, ´ e necess´ ario dar o caminho completo do objeto come¸cando pelo objeto mais externo at´ e o objeto de

referˆ encia.

Seja por exemplo para o bot˜ ao cl´ assico ”Determinar”:

window.document.form.button.

Javascript n˜ ao ´ e propriamente uma linguagem orientada a objetos tal o como C++ ou Java.

Podemos dizer, entretanto, que Javascript ´ e uma linguagem

baseada em objetos.

(38)

M´etodos

(39)

Javascript

M´ etodos

As a¸c˜ oes de um objeto, que s˜ ao chamadas de m´ etodos podem ser acessadas e manipuladas atrav´ es da seguinte sintaxe:

objeto.metodo();

E muito simples identificar um m´ ´ etodo.

As a¸c˜ oes s˜ ao verbos no infinitivo.

Outra forma de identificar um m´ etodo, s˜ ao os parˆ enteses que o

acompanham.

(40)

Javascript

M´ etodos - write()

Agora j´ a estamos aptos a entender o comando document.write().

Trata-se do m´ etodo write do objeto document.

Ou seja, representa a capacidade que o objeto document tem de

escrever na tela.

(41)

Javascript

M´ etodos - write() - Exemplo

(42)

Javascript

M´ etodos - alert()

Janela de alerta.

As janelas de alerta s˜ ao usadas para dar ao usu´ ario informa¸c˜ oes importantes relativas ` a p´ agina que ele est´ a visitando, ou sobre a¸c˜ oes por ele praticadas.

Sintaxe: alert (“mensagem ”).

(43)

Javascript

M´ etodos - alert() - Exemplo

(44)

Vari´ aveis

(45)

Javascript

Vari´ aveis

Sintaxe: var < nome da variavel > .

Podemos declarar mais de uma vari´ avel em uma mesma instru¸c˜ ao var, separando-as por v´ırgula.

Exemplo:

var titulo;

var titulo, nome, autor;

(46)

Javascript

Vari´ aveis

Procure usar vari´ aveis de nomes curtos e que lembrem seu significado.

Adote um crit´ erio para cria¸c˜ ao de vari´ aveis.

Os nomes das vari´ aveis n˜ ao podem conter espa¸cos em branco ou

caracteres especiais.

(47)

Javascript

Exemplos

(48)

Javascript

Exemplos

(49)

Javascript

Exemplos

Bˆ onus: m´ etodo prompt().

(50)

Tipos de Dados

(51)

Javascript

Tipos de Dados

Num´ ericos:

S˜ ao n´ umeros que podem ser tanto inteiros quanto de ponto flutuante.

Exemplos: 55, 10, 10.45, 2e11.

L´ ogicos:

S˜ ao dados que podem receber dois valores: true (verdadeiro) ou false (falso).

Strings:

S˜ ao cadeias de caracteres.

Valores strings s˜ ao valores delimitados por ap´ ostrofo(’) ou por aspas(”).

Exemplos: “laranja”, “casa123”, “1537”.

Nulo:

O null ´ e um valor especial e representa um objeto nulo.

(52)

Operadores

(53)

Javascript

Operador de Concatena¸ c˜ ao

O operador de concatena¸c˜ ao ´ e representado pelo sinal de adi¸c˜ ao +.

O operador + justap˜ oe uma string a uma outra vari´ avel.

Exemplo:

var a = “Programa¸c˜ ao para”;

var b = “Web II”;

document.write(a + b);

Esse c´ odigo vai imprimir: Programa¸c˜ ao para Web II.

(54)

Javascript

Operadores Aritm´ eticos

S˜ ao operadores que manipulam valores num´ ericos.

Operador de adi¸c˜ ao: +.

Operador de subtra¸c˜ ao: .

Operador de multiplica¸c˜ ao: .

Operador de divis˜ ao: / .

Operador de resto: %.

(55)

Javascript

Operadores Aritm´ eticos - Exemplo

(56)

Javascript

Operadores L´ ogicos

S˜ ao operadores que comparam dois valores e retornam duas poss´ıveis sa´ıdas:

true se a compara¸c˜ ao for verdadeira.

false se a compara¸c˜ ao for falsa.

O valor true ´ e equivalente a 1.

O valor false ´ e equivalente a 0.

(57)

Javascript

Operadores L´ ogicos

Operador de igualdade: ==.

Operador de diferen¸ca: ! =.

Operador maior: > .

Operador menor: < .

Operador maior ou igual: > =.

Operador menor ou igual: < =.

Operador de conjun¸c˜ ao (operador E): &&.

Operador de disjun¸c˜ ao (operador OU): || .

(58)

Javascript

Operadores de Incremento e Decremento

Soma (ou diminui) uma unidade de vari´ aveis do tipo inteiras.

Incremento: ++.

Decremento: −− .

Exemplo:

var a,b,c;

a = 5;

b = a++; // b recebe o valor 6

c = a–; // c recebe o valor 4

(59)

Convers˜ ao para N´ umeros

(60)

Javascript

Convers˜ ao para N´ umeros

O Javascript disp˜ oe de duas fun¸c˜ oes para convers˜ ao de valores alfanum´ ericos em valores num´ ericos:

parseInt( ) - converte um valor alfanum´ erico em um valor num´ erico inteiro.

parseFloat( ) - converte um valor alfanum´ erico em um valor

num´ erico de ponto flutuante.

(61)

Javascript

Convers˜ ao para N´ umeros - Exemplo

(62)

Javascript

Convers˜ ao para N´ umeros - Exerc´ıcio

Usar o m´ etodo prompt() para solicitar que o usu´ ario entre com dois n´ umeros.

Calcular a soma desses dois n´ umeros;

Exibir a soma em uma janela de alerta.

(63)

Fun¸c˜ oes para Manipula¸c˜ ao de

Strings

(64)

Javascript

Manipula¸ c˜ ao de Strings - Convers˜ ao de Caixa

A convers˜ ao de caixas de uma string permite converter todo o seu conte´ udo em letras mai´ usculas ou min´ usculas.

Isto ´ e feito por interm´ edio de dois m´ etodos espec´ıficos de strings.

toUpperCase( ): Converte todos os caracteres contidos em uma string em letras mai´ usculas.

toLowerCase( ): Converte todos os caracteres contidos em uma

string em letras min´ usculas.

(65)

Javascript

Manipula¸ c˜ ao de Strings - Convers˜ ao de Caixa

Sintaxe:

string.toUpperCase( )

string.toLowerCase( )

(66)

Javascript

Manipula¸ c˜ ao de Strings - Substrings

Podemos definir uma substring como sendo parte de uma string.

No Javascript, uma substring ´ e manipulada pelo m´ etodo substr( ).

Sintaxe: substr(Posi¸c˜ aoInicial, N´ umerodeCaracteres).

Exemplo:

Pais = “BRASIL”.

Pais.substr(0,2) - retorna BR.

Pais.substr(2,2) - retorna AS.

Pais.substr(3,1) - retorna S.

(67)

Estruturas de Controle

(68)

IF

(69)

Javascript

Estruturas de Controle - IF

E a estrutura SE vista em algoritmos. ´

E uma estrutura de controle utilizada para tomar decis˜ ´ oes.

E uma condicional que realiza opera¸c˜ ´ oes em fun¸c˜ ao de uma express˜ ao.

Funciona da seguinte maneira: primeiro se avalia uma express˜ ao,

se o resultado for positivo realizam-se dentro do bloco ( { } ).

(70)

Javascript

Estruturas de Controle - IF

A sintaxe da estrutura IF ´ e a seguinte:

if(condi¸c˜ ao) {

a¸c˜ oes a realizar em caso positivo ...

}

(71)

Javascript

Estruturas de Controle - IF

(72)

Javascript

Estruturas de Controle - IF e ELSE

(73)

Javascript

IF e ELSE - Exemplo: M´ etodo confirm()

window.confirm(): aguarda confirma¸c˜ ao do usu´ ario.

(74)

Javascript

Estruturas de Controle - IF ELSE IF

if(condi¸c˜ ao1) {

a¸c˜ oes para condi¸c˜ ao 1 satisfeita ...

}

else if(condi¸c˜ ao2) {

a¸c˜ oes para anteriores n˜ ao satisfeitas mas condi¸c˜ ao 2 satisfeita ...

}

else if(condi¸c˜ ao3) {

a¸c˜ oes para anteriores n˜ ao satisfeitas mas condi¸c˜ ao 3 satisfeita ...

}

else {

nenhuma das condi¸c˜ oes anteriores foram satisfeitas.

}

(75)

Javascript

Estruturas de Controle - IF ELSE IF

(76)

Javascript

Estruturas de Controle - IF: Exerc´ıcios

1. Use o m´ etodo prompt() para solicitar ao usu´ ario sua idade.

Verificar se o usu´ ario ´ e maior ou menor de idade e imprimir isso na tela.

2. Use o m´ etodo prompt() para solicitar ao usu´ ario para entrar com um n´ umero. Verificar se o n´ umero fornecido pelo usu´ ario ´ e impar ou par e imprimir isso na tela.

3. Usando o m´ etodo prompt(), solicite ao usu´ ario para entrar com 2

n´ umeros. Verifique se o 1 º n´ umero ´ e maior, menor ou igual ao

segundo e imprima isso na tela.

(77)

FOR

(78)

Javascript

Estruturas de Repeti¸ c˜ ao - FOR

A estrutura de repeti¸c˜ ao for nos permite executar um bloco de instru¸c˜ oes diversas vezes.

O n´ umero de vezes que o bloco ser´ a executado ´ e controlado por uma vari´ avel.

A sintaxe da estrutura for ´ e a seguinte:

for(inicia¸c˜ ao ; condi¸c˜ ao ; incremento) { conjunto de instru¸c˜ oes ...

}

(79)

Javascript

Estruturas de Repeti¸ c˜ ao - FOR

A estrutura de repeti¸c˜ ao for nos permite executar um bloco de instru¸c˜ oes diversas vezes.

O n´ umero de vezes que o bloco ser´ a executado ´ e controlado por uma vari´ avel.

A sintaxe da estrutura for ´ e a seguinte:

for(x = 0 ; x < = 10 ; x++) {

document.write(“x igual a:”+ x + “ < br > ”);

}

(80)

Javascript

Estruturas de Repeti¸ c˜ ao - FOR

As trˆ es express˜ oes que ficam entre parˆ enteses tˆ em a finalidade de:

Inicia¸c˜ ao: Determinar o valor inicial da vari´ avel de controle do la¸co.

Condi¸c˜ ao: Express˜ ao que deve ser verdadeira para que o bloco

seja executado. Assim que a express˜ ao for falsa o bloco n˜ ao ´ e mais executado.

Incremento: Passo de altera¸c˜ ao da vari´ avel de controle do la¸co.

(81)

Javascript

Estruturas de Repeti¸ c˜ ao - FOR

(82)

WHILE

(83)

Javascript

Estruturas de Repeti¸ c˜ ao - WHILE

O while ´ e a estrutura de repeti¸c˜ ao mais simples.

Com o while testa-se uma condi¸c˜ ao e executa-se um bloco de comandos enquanto a condi¸c˜ ao for verdadeira.

A sintaxe do while ´ e a seguinte.

while(condi¸c˜ ao) {

conjunto de instru¸c˜ oes ...

}

(84)

Javascript

Estruturas de Repeti¸ c˜ ao - WHILE

(85)

DO..WHILE

(86)

Javascript

Estruturas de Repeti¸ c˜ ao - DO..WHILE

A estrutura de repeti¸c˜ ao do..while funciona de maneira bastante semelhante ao while.

A diferen¸ca b´ asica ´ e que a express˜ ao ´ e testada ao final do bloco de comandos.

Ou seja, primeiro executa-se o bloco de comandos e depois

verifica-se se a condi¸c˜ ao ´ e verdadeira.

(87)

Javascript

Estruturas de Repeti¸ c˜ ao - DO..WHILE

Se a condi¸c˜ ao for verdadeira, o bloco de comandos ´ e executado novamente.

Se a condi¸c˜ ao for falsa, o bloco de comandos n˜ ao ´ e executado novamente.

A sintaxe do do..while ´ e a seguinte:

do { conjunto de instru¸c˜ oes ... }

while(condi¸c˜ ao);

(88)

Javascript

Estruturas de Repeti¸ c˜ ao - DO..WHILE

(89)

Javascript

Estruturas de Repeti¸ c˜ ao - Exerc´ıcio

Imprimir todos os umeros pares entre 200 e 300:

Utilizando a estrutura de repeti¸c˜ ao for.

Utilizando a estrutura de repeti¸c˜ ao while.

(90)

SWITCH

(91)

Javascript

Estruturas de Controle - SWITCH

A estrutura de controle switch ´ e utilizada para escolher um bloco de comandos entre v´ arios de acordo com o valor de uma vari´ avel.

O switch ´ e um substituto do IF-ELSE-IF visto anteriormente.

A sintaxe do switch ´ e a seguinte:

switch(vari´ avel) { case constante1:

conjunto de instru¸c˜ oes;

break;

case constante2:

conjunto de instru¸c˜ oes;

break;

default:

conjunto de instru¸c˜ oes;

}

(92)

Javascript

Estruturas de Controle: SWITCH

(93)

Javascript

Estruturas de Repeti¸ c˜ ao - Exerc´ıcio 1

Fazer um algoritmo que:

Leia dois n´ umeros e um sinal de opera¸c˜ ao (+, -, * ou /).

Exiba numa janela de alerta o resultado da opera¸c˜ ao dos

n´ umeros.

(94)

Objeto Array

(95)

Javascript

Objeto Array

O array ( vetor ) ´ e uma estrutura de dados utilizada para armazenar uma s´ erie de elementos organizadamente.

Com o array ( vetor ) ´ e poss´ıvel armazenar um conjunto de dados

em uma ´ unica vari´ avel.

(96)

Javascript

Objeto Array

Por exemplo, caso precisemos guardar todos os dias da semana poder´ıamos fazer isso sem usar array utilizando sete vari´ aveis:

diaDaSemana1 = “Domingo”;

diaDaSemana2 = “Segunda-Feira”;

diaDaSemana3 = “Ter¸ca-Feira”;

diaDaSemana4 = “Quarta-Feira”;

diaDaSemana5 = “Quinta-Feira”;

diaDaSemana6 = “Sexta-Feira”;

diaDaSemana7 = “S´ abado”;

Para imprimir os dias da semana, por exemplo, ter´ıamos que fazer:

document.write(diaDaSemana2);

Para os dias da semana isso at´ e poderia ser feito (sete itens).

Mas e se fosse para guarda todos os alunos da sala? Todas os

alunos da faculdade? Todos os alunos da cidade?

(97)

Javascript

Objeto Array

Seguindo o mesmo exemplo, o array nos permite guardar os dias da semana organizadamente.

Assim, ter´ıamos apenas uma vari´ avel diasDaSemana que guardaria todos os valores.

A diferencia¸c˜ ao dos itens seria dada por um ´ındice.

IMPORTANTE: EM JAVASCRIPT OS ´INDICES DE

ARRAYS COMEC ¸ AM EM 0!!

(98)

Javascript

Objeto Array

(99)

Javascript

Objeto Array

Como criar objetos do tipo vetor?

Deve-se realizar duas etapas:

1. Construir a estrutura do array, definindo o n´ umero de elementos:

nome do array = new Array(x);

onde x ´ e o n´ umero de elementos.

2. Inserir os elementos nos espa¸cos vazios do array:

nome do array[i] = “elemento”;

onde i ´ e o ´ındice do elemento.

(100)

Javascript

Objeto Array - Exemplo

(101)

Javascript

Objeto Array - Exemplo

Tamb´ em funciona:

(102)

Javascript

Objeto Array - Exemplo

Ou ainda:

(103)

Javascript

Objeto Array - Exemplo Mais Pr´atico

(104)

Javascript

Objeto Array - Exemplo Mais Pr´atico

Seguindo ainda nesse exemplo:

Podemos alterar o valor das vari´ aveis clienteCompra ,

produtoCompra e qtdCompra para explorar melhor os dados armazenados.

Podemos ainda solicitar que o usu´ ario entre com os dados da

compra atrav´ es de m´ etodos como prompt() , tornando assim o

sistema mais dinˆ amico.

(105)

Javascript

Objeto Array - Exerc´ıcio em Aula

1) Utilizando arrays em la¸cos:

Qual a sa´ıda do c´ odigo abaixo?

(106)

Javascript

Objeto Array - Exerc´ıcio em Aula

2) Qual a sa´ıda do c´ odigo abaixo?

(107)

Javascript

Objeto Array - Exerc´ıcio em Aula

3) Fazer um programa para exibir as notas dos alunos de uma sala de aula e a m´ edia de todas as notas. O programa deve:

Perguntar ao usu´ ario quantos alunos existem na sala.

Ler as notas dos alunos uma a uma (atrav´ es do m´ etodo prompt() ).

Calcular a m´ edia.

Exibir o resultado como na figura abaixo:

(108)

M´etodos para Manipula¸c˜ao de

Arrays

(109)

Javascript

M´etodo join()

Une todos os elementos do array, que s˜ ao separados por um caractere fornecido pelo parˆ ametro.

Caso n˜ ao seja passado nenhum parˆ ametro o caractere separador ser´ a a v´ırgula.

Exemplo:

(110)

Javascript

M´etodo reverse()

Inverte os elementos do array.

Exemplo:

(111)

Javascript

M´etodo sort()

Ordena os elementos do array em ordem alfab´ etica.

Exemplo:

(112)

Javascript

Propriedade length

length ´ e uma propriedade e ao um m´etodo .

E uma caracter´ıstica que todo array tem. ´

E o tamanho do array. ´

Exemplo:

(113)

M´etodos para Manipula¸c˜ao de

Datas

(114)

Javascript

M´etodo Date()

Devolve o dia e a hora correntes.

O formato da hora de Date() ´ e:

Dia da semana Mˆ es Dia Ano Hora:Minuto:Segundo Fuso

Exemplo:

(115)

Javascript

M´etodo Date()

O m´ etodo Date() ´ e tamb´ em utilizado para construir um objeto da classe Date.

Assim como fazemos com os arrays, para manipular as datas devemos primeiro constru´ı-las.

Isso ´ e feito atrav´ es do comando:

Exemplo:

(116)

Javascript

M´etodo Date()

Ap´ os criada uma instˆ ancia de Date, podemos manipul´ a-la com os m´ etodos:

getDate() - Obt´ em o dia do mˆ es (num´ erico de 1 a 31)

getDay() - Obt´ em o dia da semana (0 a 6)

getMonth() - Obt´ em o mˆ es (num´ erico de 0 a 11)

getFullYear() - Obt´ em o ano

getHours() - Obt´ em a hora (num´ erico de 0 a 23)

getMinutes() - Obt´ em os minutos (num´ erico de 0 a 59)

getSeconds() - Obt´ em os segundos (num´ erico de 0 a 59)

(117)

Javascript

M´etodo Date()

Exemplo:

Referências

Documentos relacionados

No que respeita à análise de evolução da produtividade, do que foi dito na subseção anterior surge uma diferença fundamental em relação ao que foi discutido na subseção

O mapeamento da Vulnerabilidade Natural permitiu verificar que o município encontra-se com 83% de sua área com graus vulnerabilidade de intermediário a estável e para

Tipo de aquisição referente a compra de passagem para embarque em meios de transportes diversos (passagens áereas, rodoviárias ou hidroviárias, em âmbito municipal, estadual,

Uma vez adquirido o controlo da Sociedade Visada, o Oferente tem o propósito de desenvolver uma política de pessoal tendo como objectivo, designadamente, (i) a manutenção dos

CAPACIDADE DE ACOMODAR DEFORMAÇÕES ARGAMASSA FORTE ARGAMASSA FRACA CONCENTRAÇÃO DE TENSÕES REDISTRIBUIÇÃO DE TENSÕES MICROFISSURA (não prejudiciais ) FISSURAS.. TIPOS

Um estudo comparou os efeitos da Melatonina (5 mg) com os do benzodiazepínico temazepam (10 mg) sobre a desempenho cognitiva. Enquanto o temazepam causou uma indução ao

exatamente conforme dispõe a nova lei anticrime. Todos os anexos apresentados descrevem fatos delituosos cometidos com pessoas já investigadas, tomadoras dos

07h45 CONHECENDO OS ANIMAIS VACAS 02’00” Episódio da série de animação Conhecendo os Animais, em que os próprios animais se apresentam e contam sobre suas características..