JavaScript: mais objetos - String, Date e Math
Carlos Santos
LabMM 3 - NTC - DeCA - UA
Aula 15, 07-11-2012
Objetos nativos do JavaScript

• Array

  • estudado numa aula anterior...

• outros objetos do JavaScript

  • cada tipo de dados primitivo tem um objeto equivalente

     • string

     • number

     • boolean

  • Math, Date,...
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 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!
Objetos String

• O que é uma string?


   Índice   0     1     2   3   4   5   6   7   8   9   10
 Carácter   H     e     l   l   o       W   o   r   l   d



• Propriedade length

  • string1.length; // resultado será 11
Objetos String

• Pesquisar uma string dentro de outra string

  • indexOf()

  • lastIndexOf()

• Parâmetros

  • A string a pesquisar;

  • A posição/índice a partir da qual se quer iniciar a pesquisa (opcional).

• Resultado

  • A posição onde a string foi encontrada (começa em 0);

  • -1 se não for encontrada.
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
Objetos String

• Exemplo 2

 var myString = “Hello Jeremy. How are you Jeremy”;
 var foundAtPosition;
 foundAtPosition = myString.lastIndexOf(“Jeremy”);
 alert(foundAtPosition); // ??
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”?
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)
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
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?
Objetos String

• Exemplo 7

 var fileName = window.location.href;
 fileName = fileName.substr(fileName.lastIndexOf(“/”) + 1);
 alert(fileName); // ??


• Qual o resultado deste código?
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
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?
Objetos String

• Obter apenas um carácter 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
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.
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
Objetos Date

• Declaração

  • var theDate1 = new Date(); // objeto inicializado com a
    data atual do computador onde está a correr o script

  • var theDate2 = new Date(949278000000);

  • var theDate3 = new Date(“31 January 2010”);

  • var theDate4 = new Date(2010,0,31,15,35,20,20);
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.
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();
       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);
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

(A15) LabMM3 - JavaScript - Objectos: String, Date e Math

  • 1.
    JavaScript: mais objetos- String, Date e Math Carlos Santos LabMM 3 - NTC - DeCA - UA Aula 15, 07-11-2012
  • 2.
    Objetos nativos doJavaScript • Array • estudado numa aula anterior... • outros objetos do JavaScript • cada tipo de dados primitivo tem um objeto equivalente • string • number • boolean • Math, Date,...
  • 3.
    Objetos String • Comocriar: • var string1 = new String(“Hello World”); • var string1 = “Hello World”; • Qual o melhor método? • No JavaScript os métodos e propriedades dos objetos 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.
    Objetos String • Oque é uma string? Índice 0 1 2 3 4 5 6 7 8 9 10 Carácter H e l l o W o r l d • Propriedade length • string1.length; // resultado será 11
  • 5.
    Objetos String • Pesquisaruma string dentro de outra string • indexOf() • lastIndexOf() • Parâmetros • A string a pesquisar; • A posição/índice a partir da qual se quer iniciar a pesquisa (opcional). • Resultado • A posição onde a string foi encontrada (começa em 0); • -1 se não for encontrada.
  • 6.
    Objetos String • Exemplo1 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.
    Objetos String • Exemplo2 var myString = “Hello Jeremy. How are you Jeremy”; var foundAtPosition; foundAtPosition = myString.lastIndexOf(“Jeremy”); alert(foundAtPosition); // ??
  • 8.
    Objetos String • Exemplo3 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.
    Objetos String • Exemplo4 var myString = "Hello Jeremy. How are you Jeremy"; var foundAtPosition = -1; do { foundAtPosition = myString.indexOf("Jeremy", foundAtPosition + 1); alert(foundAtPosition); // ?? } while (foundAtPosition != -1)
  • 10.
    Objetos String • Copiarparte 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.
    Objetos String • Exemplo5 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.
    Objetos String • Exemplo7 var fileName = window.location.href; fileName = fileName.substr(fileName.lastIndexOf(“/”) + 1); alert(fileName); // ?? • Qual o resultado deste código?
  • 13.
    Objetos String • Conversãopara maiúsculas e minúsculas • toLowerCase() • toUpperCase() • Parâmetros • Não existem. • Resultado • A string original convertida para maiúsculas ou minúsculas
  • 14.
    Objetos String • Exemplo8 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.
    Objetos String • Obterapenas um carácter 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.
    Objetos String • Exemplo8 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.
    Objetos Date • Esteobjeto 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.
    Objetos Date • Declaração • var theDate1 = new Date(); // objeto inicializado com a data atual do computador onde está a correr o script • var theDate2 = new Date(949278000000); • var theDate3 = new Date(“31 January 2010”); • var theDate4 = new Date(2010,0,31,15,35,20,20);
  • 19.
    Objetos Date • Obterreferê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.
    Objetos Date • Exemplo9 var d = new Date(); alert(d.getTime() + " ms desde 1970/01/01");
  • 21.
    Objetos Date • Exemplo10 - 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.
    Objetos Math • Esteobjeto 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