Vous êtes sur la page 1sur 11

Cours Applications Hypermédias : JavaScript ISTA NTIC SYBA

Objectifs :
- Connaitre les objets prédéfinis
- Utiliser l’objet string
- Utiliser l’objet Date
- Utiliser l’objet Math
- Utiliser l’objet Array

Les objets du noyau JavaScript

Introduction aux objets du noyau Javascript


Javascript fournit en standard un certain nombre d'objets proposant des propriétés et des méthodes
permettant d'effectuer simplement un grand nombre de manipulations. Ces objets sont appelés objets
du noyau Javascript, car ils ont été standardisés par l'ECMA (European Computer Manufacturer
Association) et constituent la base du langage Javascript.
Les objets du noyau sont indépendants du navigateur du client contrairement aux objets du
navigateur.

Présentation des objets du noyau Javascript


Voici la liste des objets du noyau Javascript :

Nom de l'objet Description

L'objet String propose une grande variété de méthodes permettant de manipuler des
String
chaînes de caractères.

L'objet Date permet de créer des dates et des durées. Il propose des méthodes
Date
permettant de les manipuler.

L'objet Math permet de manipuler des fonctions mathématiques, comme par exemple les
Math
fonctions trigonométriques.

L'objet Array permet de créer des tableaux. Il possède de nombreuses méthodes


Array permettant d'ajouter, de supprimer ou d'extraire des éléments d'un tableau ainsi que de
les trier.

L'objet Boolean permet de créer des valeurs booléennes, c'est-à-dire des éléments
Boolean
possédant deux états : vrai et faux.

Function L'objet Function permet de définir des fonctions personnalisées.

1/11 Mr ID MANSOUR
Cours Applications Hypermédias : JavaScript ISTA NTIC SYBA

Number L'objet Number est un objet permettant de faire des opérations de base sur les nombres.

L'objet RegExp permet de créer des expressions régulières, c'est-à-dire des éléments
RegExp
permettant de faire des opérations avancées sur les chaînes de caractères.

Nous allons parcourir ces 4 classes d'objets : String, Date, Math, Array, afin de savoir
construire des objets de ces classes et utiliser leurs propriétés et leurs méthodes .

L'objet String

Les particularités de l'objet String


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.

Utilisation de l'objet String

 Déclaration

var chaine = "<B>Bonjour !</B>";


document.write ("La longueur de la chaine "+chaine+ " est : "+chaine.length+". Pourquoi ?<br>");

La longueur de la chaine Bonjour ! est : 16. Pourquoi ?

var chaine = "<B>Bonjour !</B>" crée une variable nommée chaine et lui attribue :

1. le type String.
2. la valeur "Bonjour !" avec l'attribut gras

 Propriétés

 La valeur peut donc être composée d'une suite de caractères quelconques, y compris des balises
HTML.
 Des caractères spéciaux peuvent aussi être insérés dans les chaînes : \b (retour arrière), \f (saut de
page) , \n (nouvelle ligne) , \r (Entrée), \t (tabulation); \' pour une apostrophe
 L'unique propriété length permet d'obtenir la longueur de la chaine.
 L'opération + concatène (mise à la suite) 2 chaines pour en former une nouvelle

var info = 'informatique ';


var monOption = 'l\'option ' + info ;
document.write('J\'enseigne encore ' + monOption) ;

J'enseigne encore l'option informatique

2/11 Mr ID MANSOUR
Cours Applications Hypermédias : JavaScript ISTA NTIC SYBA

 Quelques fonctions (ou méthodes)

 chaine.toUpperCase(), pour mettre chaine en majuscule.


Exemple :

var chaine = "Bonjour !";


chaine = chaine.toUpperCase();

Donne : BONJOUR !

 chaine.substring(d, l) extrait une partie de chaine, à partir du caractère de position d+1, jusqu'à l.
Exemple :

var chaine = "aujourd\'hui";


document.write(" chaine.substring( 2,6) = ", chaine.substring( 2,6));

Donne : chaine.substring( 2,6) = jour

 chaine.charAt(n) donne le caractère placé en nième position (n de 0 à chaine.length-1).


Exemple :

var chaine = "informatique";


document.write("J'épelle :<br>");
for (i=0 ; i< chaine.length ; i++)
document.write (chaine.charAt(i), " - ");

J'épelle :
i-n-f-o-r-m-a-t-i-q-u-e-

 La méthode chaine.indexOf(sch) donne la 1ère position du caractère de la chaine égal au 1er


caractère de sch.
Exemple :

var chaine = "adil.toto@google.fr";


var sch = "@";
var place=chaine.indexOf(sch);
if (place != -1)
document.write ("La 1ère position de ", sch, " dans ", chaine," est : ",place ,"<br>");
document.write ("Le nom est ",chaine.substring(0,place), " et le serveur ", chaine.substring(place+1,
chaine.length));

3/11 Mr ID MANSOUR
Cours Applications Hypermédias : JavaScript ISTA NTIC SYBA

La 1ère position de @ dans adil.toto@google.fr est : 9


Le nom est adil.toto et le serveur google.fr

 La méthode chaine.split(séparateur)
Appliquée à un texte, elle fournit un tableau de chaines dont les éléments sont les sous-chaines
extraites suivant le séparateur.

chaine= "adil.toto@google.fr";
tab1 = chaine.split("@");
tab2 = chaine.split(".");
document.write ("découpage suivant \"@\" : <br>");
for (var i=0; i< tab1.length ;i++)
document.write ("tab_ch1["+i+"] = "+ tab1[i] + "<br>");
document.write ("découpage suivant \".\" : <br>");
for (var i=0; i< tab2.length ;i++)
document.write ("tab_ch1["+i+"] = "+ tab_ch1[i] + "<br>");

découpage suivant "@" :


tab1[0] = adil.toto
tab1[1] = google.fr
découpage suivant "." :
tab1[0] = adil
tab1[1] = toto@google
tab1[2] = fr

L’objet Date

Les particularités de l'objet Date


L'objet Date permet de définir et gérer les dates et les heures.
L'origine des dates a été choisie le 1er janvier 1900 et est exprimée en millisecondes.

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.

Utilisation de l'objet Date

 Construction d'un objet de type Date

Pour construire un objet de type Date, il faut utiliser un constructeur Date() avec le mot-clé new

4/11 Mr ID MANSOUR
Cours Applications Hypermédias : JavaScript ISTA NTIC SYBA

variable = new Date(liste de paramètres)


On peut passer différents paramètres pour construire divers objets date
Tester :

 new Date(); pour obtenir la date et l'heure courante (connue du système)


 date=new Date(2008, 4, 7); une suite convenable de 3 entiers (année, mois, jour)
 date=new Date(2008, 4, 7,10,15,30); une suite de 6 entiers (année, mois, jour, heures, minutes,
secondes)

 Méthodes

Elles permettent d'extraire diverses informations d'un objet date

 set....() : pour transformer des entiers en Date


 get....() : pour transformer en date et heure des objets Date
 to...() : pour retourner une chaîne de caractères correspondant à l'objet Date
 après les préfixes set et get ,
on peut mettre Year, Month, Date , Hours, Minutes, Seconds
pour obtenir respectivement : nombre d'années depuis 1900, le numéro du mois, le N° du jour
dans le mois, et les heures, minutes et secondes.

Connaître la date

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

Permet de récupérer la valeur L'objet retourné est un entier (entre 1 et 31) qui
getDate()
du jour du mois correspond au jour du mois :

L'objet retourné est un entier qui correspond au


Permet de récupérer la valeur
jour de la semaine :
getDay() du jour de la semaine pour la
date spécifiée  0: dimanche
 1: lundi ...
Permet de récupérer la valeur
L'objet retourné est un entier qui correspond à
getFullYear() de l'anné sur 4 chiffres pour la
l'année (XXXX) : 2011
date passée en paramètre

Permet de récupérer la valeur L'objet retourné est un entier (entre 0 et 23) qui
getHours()
de l'heure correspond à l'objet Date.

L'objet retourné est un entier (entre 0 et 999)


Permet de récupérer le
getMilliseconds() qui correspond aux millisecondes de l'objet
nombre de millisecondes
passé en paramètre.

Permet de récupérer la valeur L'objet retourné est un entier (entre 0 et 59) qui
getMinutes()
des minutes correspond aux minutes de l'objet Date.

5/11 Mr ID MANSOUR
Cours Applications Hypermédias : JavaScript ISTA NTIC SYBA

L'objet retourné est un entier (entre 0 et 11) qui


Permet de récupérer le correspond au mois :
getMonth()
numéro du mois
 0: janvier
 1: février ...

L'objet retourné est un entier (entre 0 et 59) qui


Permet de récupérer le
getSeconds() correspond aux secondes de l'objet passé en
nombre de secondes
paramètre.

L'objet retourné est un entier. Cette méthode


Permet de récupérer le
est très utile pour convertir des dates,
getTime() nombre de millisecondes
er soustraire, ajouter deux dates ou calculer des
depuis le 1 janvier 1970
intervalles entre 2 dates, etc.

Retourne la différence entre


L'objet retourné est un entier, il représente le
getTimezoneOffset() l'heure locale et l'heure GMT
nombre de minutes de décalage
(Greenwich Mean Time)

Permet de récupérer la valeur


L'objet retourné est un entier qui correspond à
getYear() de l'anné sur 2 chiffres pour
l'anné (XX) :
l'objet Date.

Modifier le format de la date

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

L'objet retourné est une chaîne de caractère


Permet de convertir une date en une
toGMTString() du type :
chaîne de caractères au format GMT
Wed, 28 Jul 1999 15:15:20 GMT

L'objet retourné est une chaîne de caractère


Permet de convertir une date en une dont la syntaxe dépend du système, par
toLocaleString()
chaîne de carctères au format local exemple :
28/07/99 15:15:20

Modifier la date

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 Le paramètre est un entier (entre 1 et 31) qui

6/11 Mr ID MANSOUR
Cours Applications Hypermédias : JavaScript ISTA NTIC SYBA

jour du mois correspond au jour du mois

Le paramètre est un entier qui correspond au jour de


Permet de fixer la valeur du la semaine :
setDay(X)
jour de la semaine
 0: dimanche
 1: lundi ...
Permet de fixer la valeur de Le paramètre est un entier (entre 0 et 23) qui
setHours(X)
l'heure correspond à l'heure

Permet de fixer la valeur des Le paramètre est un entier (entre 0 et 59) qui
setMinutes(X)
minutes correspond aux minutes

Le paramètre est un entier (entre 0 et 11) qui


Permet de fixer le numéro du correspond au mois :
setMonth(X)
mois
 0: janvier
 1: février ...
Le paramètre est un entier représentant le nombre de
setTime(X) Permet d'assigner la date er
millisecondes depuis le 1 janvier 1970

Attention, les secondes et les minutes sont notées de 0 à 59, les jours de la semaine de 0 (dimanche)
à 6, les jours du mois de 1 à 31, les mois de 0 (janvier) à 11, et les années sont décomptées depuis
1900 .

Exemple

var aujourdhui= new Date();


var maDate = new Date ("November 24, 1981");
var jour = maDate.getDay () // jour vaut 24.
document.write("Nous étions le ", jour, "/",
maDate.getMonth()+1, "/", maDate.getYear()+1900 ,<br>);
document.write("Nous sommes le ", aujourdhui.getDate(), "/",
aujourdhui.getMonth()+1, "/", aujourdhui.getYear()+1900 );
Nous étions le 24/11/1981
Nous sommes le 28/2/2011

7/11 Mr ID MANSOUR
Cours Applications Hypermédias : JavaScript ISTA NTIC SYBA

L’objet Math

Les particularités de l'objet Math


Les fonctions mathématiques usuelles doivent être préfixées par le nom de l'objet Math, desquelles
elles dépendent. Ce sont les "méthodes" de calcul de l'objet Math.
Par exemple :

o Math.PI désigne une propriété de l'objet Math : le nombre PI


o Math.sin(1.50) appelle une méthode de l'objet Math et calcule sin (1.50), l'angle étant exprimé en
radians.

Pour alléger les notations, on peut "factoriser" le préfixe Math dans une séquence de calcul
mathématique, comme dans l'exemple suivant :

<script type="text/javascript">
r=10;
with (Math ) {
s = PI * pow(r , 2); theta = PI / 3;
x = r * cos( theta ); y = r * sin( theta);
document.write("PI = ",PI, "<br>");
document.write("s = ", s,"<br> Coordonnées de M : x = ",x, " y = ",y)
}
</script>

En voici l'exécution :

PI = 3.141592653589793
s = 314.1592653589793
Coordonnées de M : x = 5.000000000000001 y = 8.660254037844386

Les méthodes et propriétés standards de l'objet Math

Le tableau suivant décrit les méthodes de l'objet Math.

Méthode description Exemple

 x = Math.abs(3.26);
Cette méthode renvoie la valeur
absolue d'un nombre, il renvoie donc le //donne x = 3.26
abs()
nombre s'il est positif, son opposé  x = Math.abs(-3.26);
(positif) s'il est négatif
//donne x = 3.26

8/11 Mr ID MANSOUR
Cours Applications Hypermédias : JavaScript ISTA NTIC SYBA

 x = Math.ceil(6.01);

Renvoie le plus petit entier supérieur ou //donne x = 7


ceil()
égal à la valeur donnée en paramètre  x = Math.ceil(3.99);

//donne x = 4

 x = Math.floor(6.01);
La méthode floor() retourne le plus
//donne x = 6
floor() grand entier inférieur ou égal à la
valeur donnée en paramètre.  x = Math.floor(3.99);

//donne x = 3

 x = Math.round(6.01);
Arrondit à l'entier le plus proche la //donne x = 6
valeur donnée en paramètre. Si la
partie décimale de la valeur entrée en  x = Math.round(3.80);
round()
paramètre vaut 0.5, la
méthode Math() arrondi à l'entier //donne x = 4
supérieur.  x = Math.round(3.50);

//donne x = 4

 var x = Math.max(6,7.25);

//donne x = 7.25
max(Nombre1, max() renvoie le plus grand des deux  var x = Math.max(-8.21,-3.65);
Nombre2) nombres donnés en paramètre
//donne x = -3.65
 var x = Math.max(5,5);

//donne x = 5

 x = Math.min(6,7.25);
//donne x = 6
min(Nombre1, Retourne le plus petit des deux  x = Math.min(-8.21,-3.65);
Nombre2) nombres donnés en paramètre //donne x = -8.21
 x = Math.min(5,5);
//donne x = 5

 x = Math.pow(3,3);
//donne x = 27
Retourne le nombre Valeur1 à la
pow(Valeur1, Valeur2)  x = Math.pow(9,0.5); //(racine
puissance Valeur2
carrée)
//donne x = 3
La méthode random() renevoie un
nombre pseudo-aléatoire compris entre  x = Math.random();
random() 0 et 1. La valeur est générée à partir //donne x =
des données de l'horloge de 0.6489534931546957
l'ordinateur.

sqrt(Valeur)
Renvoie la racine carrée du nombre  x = Math.sqrt(9);
passé en paramètre //donne x = 3

9/11 Mr ID MANSOUR
Cours Applications Hypermédias : JavaScript ISTA NTIC SYBA

Math.exp(valeur) Cette méthode renvoie l'exponentielle de la valeur entrée en paramètre.


Math.log(valeur) La méthode log() renvoie le logarithme de la valeur entrée en paramètre.
Math.PI Retourne la valeur du nombre PI, soit environ 3.1415927
Retourne le sinus de la valeur entrée en paramètre (doit être donnée en
Math.sin(valeur)
radians). La valeur retourné est comprise dans l'intervalle [-1;1].
Retourne le cosinus de la valeur entrée en paramètre (doit être donnée en
Math.cos(valeur)
radians). La valeur retourné est comprise dans l'intervalle [-1;1].
Retourne la tangente de la valeur entrée en paramètre (doit être donnée en
Math.tan(valeur)
radians)

Conversion chaine <--> nombre (entier ou flottant)

 Fonctions parseInt(), parseFloat() et eval() récupère les chaines de caractères passée en paramètre
et s'efforce de les évaluer numériquement. La fonction spéciale isNaN( ) évalue l'argument pour
déterminer s'il s'agit d'un nombre ("NaN" = Not a Number). Elle retourne alors TRUE ou FALSE.
Exemple d'utilisation pour contrôler la saisie d'un entier :

<script type="text/javascript">
function testnum(chnum) {
num=parseInt(chnum);
if (isNaN(num))
alert(chnum+ 'n\'est pas pas un entier !');
}
</script>

L'objet Array

Les particularités de l'objet Array

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.

Les propriétés de l'objet Array

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.

10/11 Mr ID MANSOUR
Cours Applications Hypermédias : JavaScript ISTA NTIC SYBA

Propriété description

constructor Cette propriété contient le constructeur de l'objet Array.

Cette propriété permet de faire une recherche dans le tableau à l'aide d'une expression
input
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.

Les méthodes standards de l'objet Array

Le tableau suivant décrit les méthodes de l'objet Array.


Méthode description

Cette méthode permet de concaténer plusieurs tableaux, c'est-à-


concat(tab1, tab2[, tab3, ...]) dire de créer un tableau à partir des différents tableaux passés en
paramètre.

Cette méthode renvoie une chaîne de caractères contenant tous


join(tableau) ouTableau.join()
les éléments du tableau.

Cette méthode supprime le dernier élément du tableau et retourne


pop(tableau) ouTableau.pop()
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.

Cette méthode renvoie un tableau contenant une partie (extraction)


Tableau.slice()
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.

Cette méthode renvoie la chaîne de caractères correspond à


Tableau.toString()
l'instruction qui a permis de créer l'objet Array.

11/11 Mr ID MANSOUR

Vous aimerez peut-être aussi