Gli oggetti predefiniti Array, String e Date. Marco Camurri 1

Transcript

1 Gli oggetti predefiniti Array, String e Date Marco Camurri 1

2 Oggetti predefiniti Oltre a consentire la creazione di oggetti personalizzati, JavaScript mette a disposizione del programmatore alcuni oggetti predefiniti. I più importanti oggetti predefiniti sono: l'oggetto Array l'oggetto String l'oggetto Date Marco Camurri 2

3 L'oggetto Array var vet = []; vet[0] = "ciao"; vet[1] = 100; vet[2] = "prova"; alert( vet ); alert( vet.length ); vet[ vet.length ] = 20; alert( vet ); vet.sort( ); alert( vet ); <-- ATTENZIONE: ordinamento alfabetico, non numerico! Marco Camurri 3

4 L'oggetto Array Gli array sono particolari oggetti, e come tali dispongono di proprietà e metodi: Proprietà length Descrizione numero attuale di elementi dell'array. Metodo concat indexof join pop push reverse slice sort shift unshift Descrizione unisce due o più array. Restituise un nuovo array (non modifica gli array esistenti). cerca un elemento in un array e restituisce la sua posizione (-1 se non trovato). trasforma l'array in stringa usando come separatore la stringa fornita come parametro. rimuove l'ultimo elemento dell'array e restituisce l'elemento rimosso. aggiunge un elemento alla fine dell'array e restituisce la nuova lunghezza dell'array. inverte l'ordine degli elementi dell'array (attenzione: modifica l'array stesso). restituisce un nuovo array contenente gli elementi che vanno dal primo indice (incluso) al secondo indice (escluso). L'array di partenza non è modificato. ordina l'array in modo alfabetico (attenzione: modifica l'array stesso). rimuove il primo elemento dell'array e restituisce l'elemento rimosso. aggiunge un nuovo elemento all'inizio dell'array e restituisce la nuova lunghezza. Marco Camurri 4

5 L'oggetto Array Metodo Esempio Output concat vet1 = [ "mela", "uva" ]; vet2 = [ "kiwi","pesca","arancia"]; vet3 = vet1.concat(vet2); alert( vet1 ); alert( vet3 ); mela,uva mela,uva,kiwi,pesca,arancia indexof vet1 = [ "mela", "uva" ]; alert( vet1.indexof("uva") ); alert( vet1.indexof("ciao") ); 1-1 join vet1 = [ 2, 100, 3]; string1 = vet1.join(";"); alert( string1 ); string2 = vet1.join(" -- "); alert( string2); 2;100; Marco Camurri 5

6 L'oggetto Array (segue) pop vet1 = [ 10, 200, 30]; x = vet1.pop(); alert( x ); alert( vet1 ); ,200 push vet1 = [ "mela", "pera", "uva"]; vet1.push("kiwi"); alert( vet1 ); mela,pera,uva,kiwi reverse slice vet1 = [ "mela", "pera", "uva"]; vet1.reverse(); alert(vet1); vet1 = [ "a", "b", "c", "d"]; vet2 = vet1.slice(1,3); alert( vet1 ); alert( vet2 ); uva,pera,mela a,b,c,d b,c sort vet1 = [ 2, 100, 3]; vet1.sort(); alert( vet1 ); 100,2,3 Marco Camurri 6

7 L'oggetto String Proprietà length Metodo charat charcodeat fromcharcode Descrizione Lunghezza della stringa Descrizione Restituisce il carattere all'indice specificato Restituisce il codice Unicode del carattere all'indice specificato Converte un codice Unicode in carattere indexof / lastindexof Cerca una stringa all'interno della stringa e restituisce l'indice della prima / ultima occorrenza trovata ( se non ci sono occorrenze restituisce -1 ) replace split substr substring touppercase / tolowercase Nella versione più semplice, restituisce una nuova stringa ottenuta da quella corrente sostituendo la prima occorrenza di una data stringa con un'altra Restituisce un array ottenuto dividendo la stringa in corrispondenza di ogni occorrenza della stringa specificata Restituisce una nuova stringa ottenuta selezionando i caratteri della stringa a partire dall'indice specificato e per il numero di caratteri specificato Restituisce una nuova stringa ottenuta selezionando i caratteri della stringa a partire dall'indice specificato (incluso) e fino all'indice specificato (escluso) Restituisce la versione maiuscola / miuscola della stringa Marco Camurri 7

8 L'oggetto String: esempi charat s = "ciao"; alert( s.charat(0) ); c charcodeat s = "ciao"; alert( s.charcodeat(2) ); 97 fromcharcode s = String.fromCharCode(65); alert( s ); A indexof e lastindexof s = "buongiorno giovani"; alert( s.indexof("gio") ); alert( s.lastindexof("gio") ); alert( s.indexof("gioco") ); replace s1 = "oggi come oggi"; s2 = s1.replace("oggi","domani"); alert( s1 ); alert( s2 ); oggi come oggi domani come oggi Marco Camurri 8

9 L'oggetto String: esempi (segue) split frase = "Un due tre; un due tre"; arr = frase.split(";"); alert( arr.length + ": " + arr ); 2: Un due tre, un due tre arr = frase.split(" "); alert( arr.length + ": " + arr ); 6: Un,due,tre;,un,due,tre arr = frase.split("e"); alert( arr.length + ": " + arr ); 5: Un du, tr,; un du, tr, s = "abcde"; arr = s.split(""); alert( arr ); a,b,c,d,e substr e substring s1 = "prossimamente"; s2 = s1.substr( 2,4 ); alert( s2 ) s3 = s1.substring( 2, 4 ); alert( s3 ); ossi os Marco Camurri 9

12 L'oggetto predefinito Date Rappresenta un istante di tempo caratterizzato da anno,mese,giorno,ore,min,sec,millisecondi. 4 modi per creare un oggetto di tipo Date: var d1 = new Date( ); d1 rappresenta l'istante attuale var d2 = new Date( anno,mese, gg, ore, min,sec,mil ); I mesi partono da zero!!! gen = 0, feb = 1,... var d3 = new Date( stringa ); opzionale d2 rappresenta l'istante specificato dai 7 numeri. d3 rappresenta l'istante specificato dalla stringa (es "YYYY-MM-DD"). Sconsigliato perchè produce effetti diversi da browser a browser var d4 = new Date( millis ); d4 rappressenta l'istante che si trova a millis millisecondi dopo le 00:00 del 1 gennaio 1970 NOTA: 1 giorno = 24*60*60*1000 millisecondi Marco Camurri 12

13 L'oggetto Date Metodo getdate / setdate Descrizione ottiene / imposta il giorno del mese. getmonth / setmonth ottiene / imposta il mese ( 0 = gennario, 1 = febbraio, = dicembre ). getfullyear / setfullyear ottiene / imposta l'anno ( a 4 cifre ). gethours / sethours getminutes / setminutes getseconds / setseconds ottengono / impostano ore, minuti, secondi, millisecondi. gettime / settime ottiene / imposta il numero di millisecondi trascorsi da: 1 gen 1970 ore 00:00. getday ottiene il giorno della settimana ( 0=domenica, 1=lunedì,..., 6=sabato ) tostring totimestring todatestring tolocalestring tolocaletimestring tolocaledatestring Restituisce una stringa che rappresenta l'oggetto Date ( data e ora ) in formato internazionale. Restituisce una stringa che rappresenta solo la parte relativa all'orario, in formato internazionale. Restituisce una stringa che rappresenta solo la parte relativa alla data, in formato internazionale. Si comportano come i precedenti tre metodi, ma utilizzano le convenzioni locali (in basa alla lingua impostata nel browser/ sistema operativo). Marco Camurri 13

14 L'oggetto Date: esempi Creazione di un oggetto Date che rappresenta l'istante: " 1/gen/2016 ore 12:03 " ( 3 metodi equivalenti ) var d1 = new Date(2016, 0, 1, 12, 3,0,0); var d3 = new Date( 0 ); d3.setfullyear(2016); d3.setmonth(0); var d2 = new Date(2016, 0, 1, 12, 3); d3.setdate(1); d3.sethours(12); d3.setminutes(3); Trasformazione in stringa: var s = ""; s = d1.tostring(); // Fri Jan :03:00 GMT+0100 s = d1.tolocalestring() ; // 1/1/ :03:00 s = d1.tolocaledatestring() ; // 1/1/2016 s = d1.tolocaletimestring() ; // 12:03:00 Marco Camurri 14

15 Attenzione: le date sono oggetti Quindi.. 1) Assegnando una data ad un,altra data NON si crea un duplicato! var d1 = new Date(2016,0,20); var d2 = new Date( ); d2 = d1; d2.setmonth( 1 ); alert( d1.getmonth() ); // 1 2) NON si può usare == per verificare se due Date rappresentano lo stesso istante var d1 = new Date(2016,0,30); var d2 = new Date(2016,0,30); alert( d1==d2 ); // stampa: "false" Marco Camurri 15

16 Operazioni utili sulle date A) Duplicazione di un oggetto Date: var d1 = new Date( 2016,0,1 ); var d2 = new Date( d1.gettime() ); B) Confronto fra oggetti Date: if ( d1.gettime() == d2.gettime() ) { alert(" uguali "); } if ( d1 < d2 ) { alert(" d1 è precedente a d2 "); } C) Calcolo del tempo che intercorre tra due date diff = d2.gettime() - d1.gettime(); Marco Camurri 16

17 Operazioni utili sulle date (segue) D) Aggiunta di un dato numero di giorni ad una data var d1 = new Date( 2016,1,28 ); // d1 = 28 febbraio 2016 d1.setdate( d1.getdate() + 1 ); // d1 = 29 febbraio 2016 d1.setdate( d1.getdate() + 1); // d1 = 1 marzo 2016 in generale: d1.setdate( d1.getdate() + numgiorni ); Marco Camurri 17

18 L'oggetto Date: esempio var d1 = new Date( 2015, 9, 31, 16, 30); // le 16:30 del 31 ottobre 2015 var d2 = new Date( 2015, 9, 31 ); // le 00:00 del 31 ottobre 2015 var d3 = new Date( 3 ); // 3 millisecondi dopo le 00:00 del 1 gen 1970 (GMT) alert( "d1: " + d1.tolocalestring() ); alert( "d2: " + d2.tolocalestring() ); alert( "d3: " + d3.tolocalestring() ); alert( " giorno settimana di d1: " + d1.getday() ); var diff = d1.gettime() - d2.gettime(); alert( " differenza in ore d1-d2 : " + diff/1000/60/60 ); var d4 = new Date( d1.gettime() ); alert( "d4 (prima): " + d3.tolocalestring() ); d1.setdate( d4.getdate() + 1 ); alert( "d4 (dopo): " + d3.tolocalestring() ); Marco Camurri 18