JavaScript: mais objetos - String, Date e Math
Carlos Santos

LabMM 3 - NTC - DeCA - UA

Aula 15 e 16, 06-11-2013 e 8-11-2...
Objetos nativos do JavaScript
• Array
• estudado numa das aula anteriores...

• outros objetos do JavaScript
• cada tipo d...
Objetos String
• Como criar:
• var string1 = new String(“Hello World”);!
• var string1 = “Hello World”;!
• Qual o melhor m...
Objetos String
• O que é uma string?
!
Índice

0

1

2

3

4

!
Caracter

H

e

l

l

o

5

6

7

8

9

10

W

o

r

l

d
...
Objetos String
• Pesquisar uma string dentro de outra string
• indexOf()!
• lastIndexOf()!
• Parâmetros
• A substring a pe...
Objetos String
• Exemplo 1
var myString = “Hello jeremy. How are you Jeremy”;!
var foundAtPosition;!
foundAtPosition = myS...
Objetos String
• Exemplo 2
var myString = “Hello Jeremy. How are you Jeremy”;!
var foundAtPosition;!
foundAtPosition = myS...
Objetos String
• Exemplo 3
var myString = “Hello Jeremy. How are you Jeremy”;!
var foundAtPosition;!
foundAtPosition = myS...
Objetos String
• Exemplo 4
var myString = "Hello Jeremy. How are you Jeremy";!
var foundAtPosition = -1;!
do {!
foundAtPos...
Objetos String
• Copiar parte de uma string
• substr()!
• substring()!
• Parâmetros
• Primeiro parâmetro: posição inicial;...
Objetos String
• Exemplo 5
var myString = “JavaScript”;!
var mySubString = myString.substring(0,4);!
alert(mySubString); /...
Objetos String
• Exemplo 7
var fileName = window.location.href;

fileName = fileName.substr(fileName.lastIndexOf(“/”) + 1)...
Objetos String
• Conversão para maiúsculas e minúsculas
• toLowerCase()!
• toUpperCase()!
• Parâmetros
• Não existem.

• R...
Objetos String
• Exemplo 8
var myString = “I Don’t Care About Case”;!
if (myString.toLowerCase() == “i don’t care about ca...
Objetos String
• Obter apenas um caracter da string
• charAt()!
• charCodeAt()!
• Parâmetros
• Posição/índice do carácter ...
Objetos String
• Exemplo 8
var myString = “Hello World!”!
alert (myString.charAt(2)); // ??!
alert (myString.charCodeAt(2)...
Objetos Date
• Este objeto facilita o acesso a informação e manipulação de dados
relacionados com datas.

• A lista é exte...
Objetos Date
• Declaração
• var theDate1 = new Date(); // objeto inicializado com a
data atual do computador onde está a c...
Objetos Date
• Obter referência temporal atual
• getTime()!
• Parâmetros
• Nenhum

• Resultado:

• Retorna o número de mil...
Objetos Date
• Exemplo 9
var d = new Date();!
alert(d.getTime() + " ms desde 1970/01/01");
Objetos Date
• Exemplo 10 - saber o tempo decorrido desde o início de um jogo
• no arranque:
var dataInicial = new Date();...
Objetos Math
• Este objeto facilita o acesso a informação e manipulação de variáveis do tipo
numérico.

• A lista é extens...
Próximos SlideShares
Carregando em…5
×

T15_T16_LM3: Mais objetos do Javascript (2013-2014)

699 visualizações

Publicada em

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
699
No SlideShare
0
A partir de incorporações
0
Número de incorporações
8
Ações
Compartilhamentos
0
Downloads
21
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

T15_T16_LM3: Mais objetos do Javascript (2013-2014)

  1. 1. JavaScript: mais objetos - String, Date e Math Carlos Santos LabMM 3 - NTC - DeCA - UA Aula 15 e 16, 06-11-2013 e 8-11-2013
  2. 2. Objetos nativos do JavaScript • Array • estudado numa das aula anteriores... • outros objetos do JavaScript • cada tipo de dados primitivo tem um objeto equivalente • string • number • boolean • Math, Date,...
  3. 3. Objetos String • Como criar: • var string1 = new String(“Hello World”);! • var string1 = “Hello World”;! • Qual o melhor método? • No JavaScript os métodos e propriedades dos objetos também podem ser aplicados em variáveis do mesmo tipo de dados; • Não havendo dúvidas sobre o tipo de dados, o segundo método é preferível, porque... • dessa forma é possível comparar o conteúdo e não os objetos!
  4. 4. Objetos String • O que é uma string? ! Índice 0 1 2 3 4 ! Caracter H e l l o 5 6 7 8 9 10 W o r l d ! • Propriedade length • string1.length; // resultado será 11
  5. 5. Objetos String • Pesquisar uma string dentro de outra string • indexOf()! • lastIndexOf()! • Parâmetros • A substring a pesquisar; • A posição/índice a partir da qual se quer iniciar a pesquisa (opcional). • Resultado • A posição onde a substring foi encontrada (começa em 0); • -1 se não for encontrada.
  6. 6. Objetos String • Exemplo 1 var myString = “Hello jeremy. How are you Jeremy”;! var foundAtPosition;! foundAtPosition = myString.indexOf(“Jeremy”);! alert(foundAtPosition); // ?? Exemplos retirados do Cap. 5 do livro Beginning Javascript
  7. 7. Objetos String • Exemplo 2 var myString = “Hello Jeremy. How are you Jeremy”;! var foundAtPosition;! foundAtPosition = myString.lastIndexOf(“Jeremy”);! alert(foundAtPosition); // ??
  8. 8. Objetos String • Exemplo 3 var myString = “Hello Jeremy. How are you Jeremy”;! var foundAtPosition;! foundAtPosition = myString.indexOf(“Jeremy”);! alert(foundAtPosition); // ??! ! • Como encontrar todas as ocorrências de “Jeremy”?
  9. 9. Objetos String • Exemplo 4 var myString = "Hello Jeremy. How are you Jeremy";! var foundAtPosition = -1;! do {! foundAtPosition = myString.indexOf("Jeremy", foundAtPosition + 1);! alert(foundAtPosition); // ??! } while (foundAtPosition != -1)
  10. 10. Objetos String • Copiar parte de uma string • substr()! • substring()! • Parâmetros • Primeiro parâmetro: posição inicial; • Segundo parâmetro é opcional e diferente para cada método: • substr: número de caracteres a copiar (length). • substring: posição posterior ao último carácter a copiar; • Resultado: Substring copiada da string original
  11. 11. Objetos String • Exemplo 5 var myString = “JavaScript”;! var mySubString = myString.substring(0,4);! alert(mySubString); // ??! ! • Exemplo 6 var myString = “JavaScript”;! var mySubString = myString.substr(0,4);! alert(mySubString);! • Sem o segundo parâmetro o resultado é a cópia até ao final da string • E trocando os 0 por 2?
  12. 12. Objetos String • Exemplo 7 var fileName = window.location.href;
 fileName = fileName.substr(fileName.lastIndexOf(“/”) + 1); alert(fileName); // ??! ! • Qual o resultado deste código?
  13. 13. Objetos String • Conversão para maiúsculas e minúsculas • toLowerCase()! • toUpperCase()! • Parâmetros • Não existem. • Resultado • A string original é convertida para maiúsculas ou minúsculas
  14. 14. Objetos String • Exemplo 8 var myString = “I Don’t Care About Case”;! if (myString.toLowerCase() == “i don’t care about case”)! {! alert(“Who cares about case?”);! }! ! • Qual o resultado deste código?
  15. 15. Objetos String • Obter apenas um caracter da string • charAt()! • charCodeAt()! • Parâmetros • Posição/índice do carácter a obter numa string • Resultado: • charAt: o carácter na posição; • charCodeAt: o código ASCII do carácter na posição
  16. 16. Objetos String • Exemplo 8 var myString = “Hello World!”! alert (myString.charAt(2)); // ??! alert (myString.charCodeAt(2)); // ??! ! • Mais métodos de manipulação de strings • Estudar Capítulo 9 do livro “Beginning JavaScript (Wrox)” • Especial destaque para parte de “Expressões regulares” que são fundamentais para pesquisas mais avançadas.
  17. 17. Objetos Date • Este objeto facilita o acesso a informação e manipulação de dados relacionados com datas. • A lista é extensa e pode ser consultada em: • http://www.w3schools.com/jsref/jsref_obj_date.asp
  18. 18. Objetos Date • Declaração • var theDate1 = new Date(); // objeto inicializado com a data atual do computador onde está a correr o script! • var d = new Date(milliseconds);! • var theDate2 = new Date(949278000000);! • var d = new Date(dateString);! • var theDate3 = new Date(“31 January 2010”);! • var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);! • var theDate4 = new Date(2010,0,31,15,35,20,20);
  19. 19. Objetos Date • Obter referência temporal atual • getTime()! • Parâmetros • Nenhum • Resultado: • Retorna o número de milissegundos passados desde o início do dia 1 de Janeiro de 1970.
  20. 20. Objetos Date • Exemplo 9 var d = new Date();! alert(d.getTime() + " ms desde 1970/01/01");
  21. 21. Objetos Date • Exemplo 10 - saber o tempo decorrido desde o início de um jogo • no arranque: var dataInicial = new Date();! tempoInicial = dataInicial.getTime(); // var global! ! • em qualquer momento do jogo: var dataActual = new Date();! var tempoActual = dataActual.getTime();! var tempoJogo =
 Math.floor((tempoActual-tempoInicial)/1000);
  22. 22. Objetos Math • Este objeto facilita o acesso a informação e manipulação de variáveis do tipo numérico. • A lista é extensa e pode ser consultada em: • http://www.w3schools.com/jsref/jsref_obj_math.asp

×