JavaScript Array Object
L'objet Array est un objet du noyau Javascript permettant de créer et de manipuler des tableaux.
Voici la syntaxe à utiliser pour créer une variable tableau :
var x = new Array(element1[, element2, ...]);
Si aucun élément n'est précisé en paramètre, le tableau est vide à la création. Dans le cas contraire, il sera initialisé avec les valeurs des éléments passés en paramètres.
L'objet Array possède deux propriétés caractéristiques: les propriétés input et length.
Le tableau suivant décrit les propriétés de l'objet Array.
| Propriété |
description |
| constructor |
Cette propriété contient le constructeur de l'objet Array. |
| input |
Cette propriété permet de faire une recherche dans le tableau à l'aide d'une expression régulière |
| length |
Cette propriété contient le nombre d'éléments du tableau. |
| prototype |
Cette propriété permet d'ajouter des propriétés personnalisées à l'objet. |
Le tableau suivant décrit les méthodes de l'objet Array.
| Méthode |
description |
| concat(tab1, tab2[, tab3, ...]) |
Cette méthode permet de concaténer plusieurs tableaux, c'est-à-dire de créer un tableau à partir des différents tableaux passés en paramètre. |
| join(tableau) ou Tableau.join() |
Cette méthode renvoie une chaîne de caractères contenant tous les éléments du tableau. |
| pop(tableau) ou Tableau.pop() |
Cette méthode supprime le dernier élément du tableau et retourne sa valeur. |
| Tableau.push(valeur1[, valeur2, ...]) |
Cette méthode ajoute un ou plusieurs éléments au tableau. |
| Tableau.reverse() |
Cette méthode inverse l'ordre des éléments du tableau. |
| Tableau.shift() |
Cette méthode supprime le premier élément du tableau. |
| Tableau.slice() |
Cette méthode renvoie un tableau contenant une partie (extraction) des éléments d'un tableau. |
| Tableau.splice() |
Cette méthode ajoute/retire des éléments d'un tableau. |
| Tableau.sort() |
Cette méthode permet de trier les éléments d'un tableau. |
| Tableau.unshift(valeur1[, valeur2, ...]) |
Cette méthode renvoie le code source qui a permis de créer l'objet Array. |
| Tableau.toString() |
Cette méthode renvoie la chaîne de caractères correspond à l'instruction qui a permis de créer l'objet Array. |
| Tableau.unshift() |
Cette méthode permet dajouter un ou plusieurs élément au début du tableau. |
| Tableau.valueOf |
Cette méthode retourne tout simplement la valeur de l'objet Array auquel elle fait référence. |
| Array Object | Boolean Object | Date Object | Math Object | String object |
JavaScript Array Object
L'objet Boolean est un objet du noyau Javascript permettant de créer et de manipuler des valeurs de type booléennes.
Voici la syntaxe à utiliser pour créer une variable booléenne :
var x = new Boolean(expression);
Le paramètre peut-être soit une valeur (True ou False) soit une expression, auquel cas celle-ci est évaluée en tant que valeur booléenne. Lorsqu'aucune valeur n'est passée, ou la valeur 0, ou une chaîne de caractères vide, ou null, ou undefined ou bien NaN, la valeur de l'objet est initialisée à False. Dans tous les autres cas, l'objet Boolean possédera la valeur True.
Le tableau suivant décrit les propriétés de l'objet Boolean.
| Propriété |
description |
| constructor |
Cette propriété contient le constructor l'objet Boolean. |
| prototype |
Cette propriété permet d'ajouter des propriétés personnalisées à l'objet. |
Le tableau suivant décrit les méthodes de l'objet Boolean.
| Méthode |
description |
| toSource() |
Cette méthode renvoie le code source qui a permis de créer l'objet Boolean. |
| toString() |
Cette méthode renvoie la chaîne de caractères correspond à l'instruction qui a permis de créer l'objet Boolean. |
| valueOf |
Cette méthode retourne tout simplement la valeur de l'objet Boolean auquel elle fait référence. |
| Array Object | Boolean Object | Date Object | Math Object | String object |
JavaScript Date Object
L'objet Date permet de travailler avec toutes les variables qui concernent les dates et la gestion du temps. Il s'agit d'un objet inclus de façon native dans Javascript, et que l'on peut toujours utiliser.
La syntaxe pour créer un objet-date peut être une des suivantes:
- Nom_de_l_objet = new Date()
cette syntaxe permet de stocker la date et l'heure actuelle
- Nom_de_l_objet = new Date("jour, mois date année heures:minutes:secondes")
les paramètres sont une chaîne de caractère suivant scrupuleusement la notation ci-dessus
- Nom_de_l_objet = new Date(année, mois, jour)
les paramètres sont trois entiers séparés par des virgules.
Les paramètres omis sont mis à zéro par défaut
- Nom_de_l_objet = new Date(année, mois, jour, heures, minutes, secondes[, millisecondes])
les paramètres sont six entiers séparés par des virgules.
Les paramètres omis sont mis à zéro par défaut
Les dates en Javascript sont stockées de la même manière que dans le langage Java, c'est-à-dire qu'il s'agit du nombre de millisecondes depuis le 1er janvier 1970. Ainsi, toute date antérieure au 1er janvier 1970 fournira une valeur erronée.
Avec les versions de Javascript inférieures à la version 1.3, pour manipuler des dates antérieures à "l'année zéro" il vous sera nécessaire de créer un objet date spécifique.
A partir de la version 1.3, il est possible de manipuler des dates de plus ou mois 100 000 000 de jours par rapport au premier janvier 1970.
La date est stockée dans une variable sous la forme d'une chaîne qui contient le jour, le mois, l'année, l'heure, les minutes, et les secondes. Il est donc difficile d'accéder à un seul élément d'un objet date avec les fonctions de manipulation de chaînes de caractères, étant donné que chacun des éléments peut avoir une taille variable. Heureusement, les méthodes de l'objet Date fournissent un moyen simple d'accéder à un seul élément, ou bien de le modifier.
Leur syntaxe est la suivante:
Objet_Date.Methode()
Les méthodes dont le nom commence par le radical get (mot anglais qui signifie récupérer) permettent de renvoyer une partie de l'objet Date :
| Méthode |
Description |
Type de valeurs retournée |
| getDate() |
Permet de récupérer la valeur du jour du mois |
L'objet retourné est un entier (entre 1 et 31) qui correspond au jour du mois: |
| getDay() |
Permet de récupérer la valeur du jour de la semaine pour la date spécifiée |
L'objet retourné est un entier qui correspond au jour de la semaine:
|
| getFullYear() |
Permet de récupérer la valeur de l'anné sur 4 chiffres pour la date passée en paramètre |
L'objet retourné est un entier qui correspond à l'année (XXXX) :
2005 |
| getHours() |
Permet de récupérer la valeur de l'heure |
L'objet retourné est un entier (entre 0 et 23) qui correspond à l'objet Date. |
| getMilliseconds() |
Permet de récupérer le nombre de millisecondes |
L'objet retourné est un entier (entre 0 et 999) qui correspond aux millisecondes de l'objet passé en paramètre. |
| getMinutes() |
Permet de récupérer la valeur des minutes |
L'objet retourné est un entier (entre 0 et 59) qui correspond aux minutes de l'objet Date. |
| getMonth() |
Permet de récupérer le numéro du mois |
L'objet retourné est un entier (entre 0 et 11) qui correspond au mois :
- 0: janvier
- 1: février ...
|
| getSeconds() |
Permet de récupérer le nombre de secondes |
L'objet retourné est un entier (entre 0 et 59) qui correspond aux secondes de l'objet passé en paramètre. |
| getTime() |
Permet de récupérer le nombre de millisecondes depuis le 1er janvier 1970 |
L'objet retourné est un entier. Cette méthode est très utile pour convertir des dates, soustraire ou ajouter deux dates, etc. |
| getTimezoneOffset() |
Retourne la différence entre l'heure locale et l'heure GMT (Greenwich Mean Time) |
L'objet retourné est un entier, il représente le nombre de minutes de décalage |
| getYear() |
Permet de récupérer la valeur de l'anné sur 2 chiffres pour l'objet Date. |
L'objet retourné est un entier qui correspond à l'anné (XX) :
|
Les deux méthodes suivantes ne permettent de travailler que sur l'heure actuelle (objet Date()) leur syntaxe est donc figée:
| Méthode |
Description |
Type de valeurs retournée |
| toGMTString() |
Permet de convertir une date en une chaîne de caractères au format GMT |
L'objet retourné est une chaîne de caractère du type:
Wed, 28 Jul 1999 15:15:20 GMT |
| toLocaleString() |
Permet de convertir une date en une chaîne de carctères au format local |
L'objet retourné est une chaîne de caractère dont la syntaxe dépend du système, par exemple:
28/07/99 15:15:20 |
Les méthodes dont le nom commence par le radical set (mot anglais qui signifie règler) permettent de modifier une valeur:
| Méthode |
Description |
Type de valeur en paramètre |
| setDate(X) |
Permet de fixer la valeur du jour du mois |
Le paramètre est un entier (entre 1 et 31) qui correspond au jour du mois |
| setDay(X) |
Permet de fixer la valeur du jour de la semaine |
Le paramètre est un entier qui correspond au jour de la semaine:
|
| setHours(X) |
Permet de fixer la valeur de l'heure |
Le paramètre est un entier (entre 0 et 23) qui correspond à l'heure |
| setMinutes(X) |
Permet de fixer la valeur des minutes |
Le paramètre est un entier (entre 0 et 59) qui correspond aux minutes |
| setMonth(X) |
Permet de fixer le numéro du mois |
Le paramètre est un entier (entre 0 et 11) qui correspond au mois:
- 0: janvier
- 1: février ...
|
| setTime(X) |
Permet d'assigner la date |
Le paramètre est un entier représentant le nombre de millisecondes depuis le 1er janvier 1970 |
| Array Object | Boolean Object | Date Object | Math Object | String object |
JavaScript Math Object
L'objet Math est, comme vous l'imaginez, un objet qui a de nombreuses méthodes et propriétés permettant de manipuler des nombres et qui contient des fonctions mathématiques courantes. Quelque soit la méthode ou la propriété utilisée, il est indispensable de le préfixer avec Math car il s'agit de méthodes et propriétés statiques, par exemple :
Math.cos(1);
Le tableau suivant décrit les méthodes de l'objet Math.
| Méthode |
description |
Exemple |
| abs() |
Cette méthode renvoie la valeur absolue d'un nombre, il renvoie donc le nombre s'il est positif, son opposé (positif) s'il est négatif |
- x = Math.abs(3.26);
//donne x = 3.26
- x = Math.abs(-3.26);
//donne x = 3.26
|
| ceil() |
Renvoie le plus petit entier supérieur ou égal à la valeur donnée en paramètre |
- x = Math.ceil(6.01);
//donne x = 7
- x = Math.ceil(3.99);
//donne x = 4
|
| floor() |
La méthode floor() retourne le plus grand entier inférieur ou égal à la valeur donnée en paramètre. |
- x = Math.floor(6.01);
//donne x = 6
- x = Math.floor(3.99);
//donne x = 3
|
| round() |
Arrondit à l'entier le plus proche la valeur donnée en paramètre. Si la partie décimale de la valeur entrée en paramètre vaut 0.5, la méthode Math() arrondi à l'entier supérieur. |
- x = Math.round(6.01);
//donne x = 6
- x = Math.round(3.80);
//donne x = 4
- x = Math.round(3.50);
//donne x = 4
|
| max(Nombre1, Nombre2) |
max() renvoie le plus grand des deux nombres donnés en paramètre |
- var x = Math.max(6,7.25);
//donne x = 7.25
- var x = Math.max(-8.21,-3.65);
//donne x = -3.65
- var x = Math.max(5,5);
//donne x = 5
|
| min(Nombre1, Nombre2) |
Retourne le plus petit des deux nombres donnés en paramètre |
- x = Math.min(6,7.25);
//donne x = 6
- x = Math.min(-8.21,-3.65);
//donne x = -8.21
- x = Math.min(5,5);
//donne x = 5
|
| pow(Valeur1, Valeur2) |
Retourne le nombre Valeur1 à la puissance Valeur2 |
- x = Math.pow(3,3);
//donne x = 27
- x = Math.pow(9,0.5); //(racine carrée)
//donne x = 3
|
| random() |
La méthode random() renevoie un nombre pseudo-aléatoire compris entre 0 et 1. La valeur est générée à partir des données de l'horloge de l'ordinateur. |
- x = Math.random();
//donne x = 0.6489534931546957
|
| sqrt(Valeur) |
Renvoie la racine carrée du nombre passé en paramètre |
- x = Math.sqrt(9);
//donne x = 3
|
| Méthode |
description |
| Math.E |
Propriété qui retourne le nombre d'Euler (environ 2.718). |
| Math.exp(valeur) |
Cette méthode renvoie l'exponentielle de la valeur entrée en paramètre. |
| Math.LN2 |
La propriété LN2 fournit le logarithme népérien de 2. |
| Math.LN10 |
Propriété donne le logarithme népérien de 10. |
| Math.log(valeur) |
La méthode log() renvoie le logarithme de la valeur entrée en paramètre. |
| Math.LOG2E |
Propriété qui renvoie la valeur du logarithme du nombre d'Euler en base 2. |
| Math.SQRT1_2 |
Propriété qui retourne la valeur de "1 divisé par racine de 2" (0.707). |
| Math.SQRT2 |
La propriété SQRT2 (Square Root 2) donne la racine de 2 (1.414). |
| Méthode |
description |
| Math.PI |
Retourne la valeur du nombre PI, soit environ 3.1415927 |
| Math.sin(valeur) |
Retourne le sinus de la valeur entrée en paramètre (doit être donnée en radians). La valeur retourné est comprise dans l'intervalle [-1;1]. |
| Math.asin(valeur) |
Retourne l'arcsinus de la valeur entrée en paramètre. La valeur doit être comprise dans l'intervalle [-1;1]. Dans le cas contraire, la méthode asin() renvoie la valeur NaN (Not a Number). |
| Math.cos(valeur) |
Retourne le cosinus de la valeur entrée en paramètre (doit être donnée en radians). La valeur retourné est comprise dans l'intervalle [-1;1]. |
| Math.acos(valeur) |
Retourne l'arccosinus de la valeur entrée en paramètre. La valeur doit être comprise dans l'intervalle [-1;1]. Dans le cas contraire, la méthode acos() renvoie la valeur NaN (Not a Number). |
| Math.tan(valeur) |
Retourne la tangente de la valeur entrée en paramètre (doit être donnée en radians) |
| Math.atan(valeur) |
Retourne l'arctangente de la valeur entrée en paramètre. La valeur doit être comprise dans l'intervalle [-1;1]. Dans le cas contraire, la méthode atan() renvoie la valeur NaN (Not a Number). |
| Array Object | Boolean Object | Date Object | Math Object | String object |
string est un mot anglais qui signifie "chaîne", il s'agit en fait de chaîne de caractères.
L'objet String est un objet qui contient un certain nombre de propriétés et de méthodes permettant la manipulation de chaînes de caractères.
L'objet string a une seule propriété : la propriété length qui permet de retourner la longueur d'une chaîne de caractères. Cette propriété est très utile car lorsque l'on traite une chaîne de caractères on aime généralement savoir à quel moment s'arrêter.
La syntaxe de la propriété length est la suivante:
x = nom_de_la_chaine.length;
x = ('chaine de caracteres').length;
On peut donc directement passer la chaîne de caractères comme objet, en délimitant la chaîne par des apostrophes et en plaçant le tout entre parenthèses.
La méthode traditionnelle consistant à appliquer une propriété à une variable de type string fonctionne bien évidemment aussi.
Les méthodes de l'objet string permettent de récupérer une portion d'une chaîne de caractère, ou bien de la modifier.
Pour comprendre les méthodes suivantes, il est tout d'abord nécessaire de comprendre comment est stockée une chaîne de caractères
Le tableau suivant décrit les méthodes de l'objet String :
| Méthode |
description |
| Chaine.anchor("nom_a_donner"); |
Transforme le texte Chaine en ancrage HTML. |
| Chaine.big() |
Augmente la taille de la police. |
| Chaine.blink() |
Transforme la chaîne en texte clignotant. |
| Chaine.bold() |
Met le texte en gras (balise <B>). |
| Chaine.charAt(position) |
Retourne le caractère situé à la position donnée en paramètre |
Chaine.charCodeAt(position)
|
Renvoie le code Unicode du caractère situé à la position donnée en paramètre |
| concat(chaîne1, chaîne2[, ...]) |
Permet de concaténer les chaînes passées en paramètre, c'est-à-dire de les joindre bout à bout. |
| Chaine.fixed() |
Transforme la Chaine en caractères de police fixe (balise <TT>) |
| Chaine.fontcolor(couleur) |
Modifie la couleur du texte (admet comme argument la couleur en hexadécimal ou en valeur littérale) |
| Chaine.fontsize(Size) |
Modifie la taille de la police, en afectant la valeur passée en paramètre |
| Chaine.fromCharCode(code1[, code2, ..]) |
Renvoie une chaîne de caractères composée de caractères correspondant au(x) code(s) Unicode donné(s) en paramètre. |
| Chaine.indexOf(sous-chaîne, position) |
Retourne la position d'une sous-chaîne (lettre ou groupe de lettres) dans une chaîne de caractère, en effectuant la recherche de gauche à droite, à partir de la position spécifiée en paramètre. |
| Chaine.italics() |
Transforme le texte en italique (balise <I>) |
| Chaine.lastIndexOf(sous-chaîne, position) |
La méthode est similaire à indexOf(), à la différence que la recherche se fait de droite à gauche:
Retourne la position d'une sous-chaîne (lettre ou groupe de lettres) dans une chaîne de caractère, en effectuant la recherche de droite à gauche, à partir de la position spécifiée en paramètre. |
| Chaine.link(URL) |
Transforme le texte en hypertexte (balise <A href>) |
| Chaine.small() |
Diminue la taille de la police |
| Chaine.strike() |
Transforme le texte en texte barré (balise <strike>) |
| Chaine.sub() |
Transforme le texte en indice (balise <sub>) |
| Chaine.substr(position1, longueur) |
La méthode retourne une sous-chaîne commençant à l'index dont la position est donnée en argument et de la longueur donnée en paramètre. |
| Chaine.substring(position1, position2) |
La méthode retourne la sous-chaîne (lettre ou groupe de lettres) comprise entre les positions 1 et 2 données en paramètre. |
| Chaine.sup() |
Transforme le texte en exposant (balise <sup>). |
| Chaine.toLowerCase() |
Convertit tous les caractères d'une chaîne en minuscule. |
| Chaine.toSource() |
Renvoie le code source de création de l'objet. |
| Chaine.toUpperCase() |
Convertit tous les caractères d'une chaîne en majuscule. |
| Chaine.valueOf() |
Renvoie la valeur de l'objet String. |
|