Les objets Date, Math, Array.

L'objet Date.

Présentation


L'objet javascript Date apporte une gestion complète des dates en proposant des accès aux différentes parties la constituant ainsi que des méthodes de manipulation pour effectuer des calculs ou des modifications.

Déclarer une nouvelle date se fait avec la syntaxe suivante :



var dateActuelle = new Date();

Rendu :

La création d'une date sans paramètre permet d'obtenir la date et l'heure de l'ordinateur sur lequel fonctionne le navigateur.
Il est également possible d'utiliser un paramètre pour créer une date spécifique.
Il suffit d'indiquer le nombre de millisecondes écoulées depuis le premier janvier 1970 à 12:OO:OO.
new Date(valeur numérique millisecondes)
Une autre façon de procéder, sans doute plus pratique, consiste à communiquer à la construction de la date, sous la forme de nombres, les informations suivantes : année, mois (de 0 à 11), jour, heures, minutes et secondes (et même millisecondes).
Les quatre dernières données sont facultatives. 
var bonneAnnee = new Date(2012,11,31,23,59,59,999);
var dateReveillon = new Date(2012,11,31);
Manip 1:
Définir et afficher votre date anniversaire.

Obtenir la valeur des éléments composant la date :


Fonction Description Résultat
getDate() Obtention du jour du mois new Date().getDate()
getMilliseconds() Retourne la partie millisecondes de l'heure new Date().getMilliseconds()
getSeconds() Retourne la partie secondes de l'heure new Date().getSeconds()
getMinutes() Retourne la partie minutes de l'heure new Date().getMinutes()
getHours() Retourne la partie heures de l'heure new Date().getHours()
getDay() Obtention du jour de la semaine
0 pour dimanche, 1 pour lundi ...		 new Date().getDay()
getMonth() Obtention du mois
0 pour janvier, 1 pour février ... 11 pour décembre		 new Date().getMonth()
getFullYear() Retourne l'année (sur 4 chiffres) new Date().getFullYear()
getYear() Retourne le nombre d'année par rapport à l'année 1900 new Date().getYear()
getTime() Retourne le nombre de millisecondes depuis le 01/01/1970 00:00 new Date().getTime()


L'objet Math.


Présentation



L'objet javascript Math propose de nombreuses méthodes relatives à des opérations mathématiques comme par exemple les différentes fonctions trigonométriques, la gestion des arrondis, les valeurs absolues et met également à disposition différentes constantes.

L'accès aux méthodes et propriétés se fait en préfixant celles-ci de "Math". 

 Math.propriété


Propriétés de l'objet Math :


Propriété Description Valeur
Math.E Nombre d'Euler
Math.LN2 Valeur du logarithme néperien de 2
Math.LN10 Valeur du logarithme néperien de 10
Math.LOG2E Valeur du logarithme du nombre d'Euler en base 2
Math.LOG10E Valeur du logarithme du nombre d'Euler en base 10
Math.PI Constante Pi
Math.SQRT1_2 Valeur de la racine carrée de 1 divisé par racine carrée de 2
Math.SQRT2 Valeur de la racine carrée de 2


Méthodes de l'objet Math :


Fonction Description Exemple
abs(x) Retourne la valeur absolue de x document.writeln('Valeur absolue de -10 : ' + Math.abs(-10));
Résultat :
acos(x) Valeur de l'arccosinus de x
la valeur de x devant être comprise entre -1 et 1 		document.writeln('Arccosinus de 1 :'+Math.acos(1));

Résultat :
asin(x) Valeur de l'arcsinus de x
la valeur de x devant être comprise entre -1 et 1 		document.writeln('Arcsinus de 0 :'+Math.asin(0));

Résultat :
atan(x) Valeur de l'arctangente de x
la valeur de x devant être comprise entre -1 et 1 		document.writeln('Arctangente de 0 :'+Math.atan(0));

Résultat :
ceil(x) Arrondi à l'entier supérieur la valeur transmise en paramètre document.writeln('ceil(8.01) :'+Math.ceil(8.01));

Résultat :
ceil(8.01) : 9
cos(x) Valeur du cosinus de l'angle x en radian
Angle[radian] = pi * (Angle[degré]) / 180 		document.writeln('Cosinus de Pi :'+Math.cos(Math.PI));

Résultat :
exp(x) Retourne la valeur de l'exponetielle du paramètre passé document.writeln('exp(1) :'+Math.exp(1));

Résultat :
floor(x) Arrondi à l'entier inférieur la valeur transmise en paramètre document.writeln('floor(8.99) :'+Math.floor(8.99));

Résultat :
log(x) Renvoie le logarithme de x document.writeln('log(1) :'+Math.log(1));

Résultat :
max(x, y, ...) Retourne la valeur maximale des valeurs passées en paramètre document.writeln('max(2,4,8) :'+Math.max(2,4,8));

Résultat :
min(x, y, ...) Retourne la valeur minimale des valeurs passées en paramètre document.writeln('min(2,4,8):'+ Math.min(2,4,8));

Résultat :
pow(x, y) Retourne le résultat du calcul x puissance y document.writeln('4 puissance 4' :'+Math.pow(4,4));

Résultat :
random() Retourne un nombre aléatoire compris entre 0 et 1
Pour retourner un nombre entier aléatoire entre 0 et 10 par exemple :
int nombreAleatoire = Math.floor(Math.random()*11); 		document.writeln('Nombre entre 0 et 10 :'+Math.floor(Math.random()*11));

Résultat :
round(x) Arrondi à l'entier le plus proche la valeur transmise en paramètre document.writeln('round(8.45) :'+Math.round(8.45));

Résultat :
sin(x) Valeur du sinus de l'angle x en radian
Angle[radian] = pi * (Angle[degré]) / 180 		document.writeln('Sinus de Pi/2 :'+Math.sin(Math.PI/2));

Résultat :
sqrt(x) Valeur de la racine carrée de x document.writeln('Racine de 25 :'+Math.sqrt(25));

Résultat :
tan(x) Valeur de la tangente de l'angle x en radian
Angle[radian] = pi * (Angle[degré]) / 180 		document.writeln('Sinus de Pi :'+Math.tan(Math.PI));

Résultat :

Les objets Array(tableaux en javascript).

Construction

Les tableaux sont basés sur l'objet Array offrant des propriétés et méthodes adaptées à la manipulation des données d'un tableau. Ils permettent de travailler sur des ensembles de données et donnent la possibilité d'effectuer facilement des manipulations grâce à l'emploi des boucles et des structures conditionnelles.

Il faut garder en mémoire que l'index des tableaux débute à 0 et bien faire attention à l'écriture des méthodes, le javascript étant sensible à la casse (distinction des majuscules et minuscules).

Nous allons tout d'abord voir les méthodes permettant de créer un tableau, puis comment le valoriser ou lire ses données pour finalement voir les différentes méthodes que l'objet Array propose.


il existe plusieurs façons de déclarer un tableau en javascript : 
				
var MonTableau = new Array();
				
var MonTableau = new Array("valeur 1", "valeur 2", "valeur 3");
				
var MonTableau = ["valeur 1", "valeur 2", "valeur 3"];

Exemple d'utilisation d'un tableau avec les jours de la semaine puis affichage des valeurs : 
var tabJour = new Array('Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi', 'Dimanche');
for (i = 0; i < tabJour.length; i++){
document.writeln('<br />' + i + ' - ' + tabJour[i]);
}
Manip 2: Tester l'exemple ci-dessus.
Manip 3: Réaliser un programme qui affiche la date sous cette forme:
"Nous sommes le lundi 5 novembre 2012"


Propriétés et méthodes de l'objet Array




Propriété Description
length Retourne le nombre d'éléments contenus dans le tableau
MonTableau.length;
Méthode Description
concat() Permet de concaténer plusieurs tableau dans l'ordre de déclaration
MonTableau.concat(Tableau2, Tableau3);
join() Retourne une chaîne de caractère contenant tous les éléments du tableau séparés par le séparateur spécifié (par défaut la virgule)
MonTableau.join(Separateur)
pop() Supprime le dernier élément du tableau et retourne sa valeur
MonTableau.pop()
push() Ajoute les éléments spécifiés et retourne la nouvelle taille du tableau
TailleTableau = MonTableau.push(valeur1, valeur2)
reverse() Inverse les éléments du tableau, le dernier élément devenant le premier et ainsi de suite
MonTableau.reverse()
shift() Supprime et retourne le premier élément du tableau
MonTableau.shift()
slice() Génère un nouveau tableau à partir d'une section d'un tableau existant
MonTableau.slice(IndexDebut,IndexFin)
splice() Ecrase les valeurs d'un tableau à partir de l'index spécifié et sur le nombre d'éléments spécifié par les nouvelles valeurs transmises
MonTableau.splice(Index,NbElements, val1, ...valN)
sort() Retourne un tableau avec les éléments du tableau d'origine triés (le tableau d'origine ne change pas)
MonTableauTri = MonTableau.sort()
toString() Retourne l'ensemble des éléments contenus dans le tableau séparé par des virgules.
MonTableau.toString()
unshift() Ajoute un ou plusieurs éléments au début du tableau et retourne la nouvelle longueur de celui-ci
MonTableau.unshift(Valeur1, Valeur2, ...)
valueOf() Retourne la valeur de l'objet Array auquel elle fait référence