Editions ENI Livres | Vidéos | e-Formations
Objets de base de JavaScript
Présentation
Nous avons vu dans le précédent chapitre comment créer et utiliser de nouveaux objets en JavaScript. En réalité ce langage propose de manière native une série d’objets qu’il faut absolument connaître.
Vous noterez que bien des développeurs web se contentent justement de ces objets natifs.
Dans ce chapitre nous allons les lister mais sans réel souci d’exhaustivité. Il est aisé de trouver de la documentation et des exemples sur ces objets. Des référentiels complets sont aussi accessibles sur Internet.
Notre objectif va quand même d’être le plus complet possible et surtout de mettre en œuvre ces objets ainsi que leurs méthodes et leurs propriétés au travers d’exemples didactiques et commentés.
Vous pourrez consulter sur Internet des référentiels complets sur le sujet, notamment Mozilla Developer Network, à l’adresse : https://developer.mozilla.org/fr/docs/JavaScript/R%C3%A9f%C3%A9rence_JavaScript
Les objets de base
Les objets seront abordés par ordre alphabétique dans ce chapitre.
1. Objet Array
Dans la mesure où cet objet a été étudié dans le cadre du chapitre Tableaux, nous ne revenons pas ici sur cet objet.
2. Objet Date
La gestion des dates constitue une préoccupation fréquente dans les développements web.
À titre indicatif, voici les principales méthodes rattachées à cet objet :
-
getDate()
-
getDay()
-
getFullYear()
-
getHours()
-
getMilliseconds()
-
getMinutes()
-
getMonth()
-
getSeconds()
-
getTime()
-
getTimezoneOffset()
-
getYear()
-
setDate()
-
setFullYear()
-
setHours()
-
setMilliseconds()
-
setMinutes()
-
setMonth()
-
setSeconds()
-
setTime()
-
setYear()
-
toGMTString()
-
toLocaleString()
La grande majorité des méthodes annoncées ci-avant va être étudiée au travers d’un premier exemple nommé DATE_01.htm.
Exemple 1
Le code source de l’exemple illustratif est fourni entièrement ci-après (code intégré dans la section HTML <body> du script).
Débutons par la méthode getDate() qui donne le numéro de jour dans le mois pour un objet de type Date. Dans notre cas la date analysée est la date du jour. Une date nommée dateDuJour est instanciée et a pour valeur la date du jour. La fonction getDate() appliquée à l’objet dateDuJour donne finalement le numéro du jour dans le mois. Le résultat est affiché pour contrôle.
/* Méthode getDate -> retourne le n° du jour
dans le mois de la date système */
var dateDuJour = new Date();
var jourMois = dateDuJour.getDate();
document.write("N° du jour de la date système : " + jourMois); La méthode getDay retourne le numéro du jour dans la semaine pour un objet de type Date. Le traitement porte une fois de plus sur la date du jour. La méthode getDay() fournit un résultat allant de 0 à 6. Un tableau de correspondance pourrait donner le nom du jour en clair le cas échéant (ceci n’a pas été prévu dans notre exemple).
/* Méthode getDay -> retourne le n° du jour dans la semaine
(n° de 0 à 6) de la date système */
var dateDuJour = new Date();
var jourSemaine = dateDuJour.getDay();
document.write("<br />N° du jour dans la semaine (n° de 0 à 6)
de la date système : " + jourSemaine); Le numéro du mois (compris entre 0 et 11) est obtenu à partir d’une date par la méthode getMonth(). Une fois de plus le traitement porte toujours sur la date du jour.
/* Méthode getMonth -> retourne le n° du mois (n° de 0 à 11)
de la date système */
var dateDuJour = new Date();
var mois = dateDuJour.getMonth();
document.write("<br />N° du mois de la date système : " + (mois + 1)); Le numéro de l’année (sur quatre positions) est obtenu à partir d’une date par la méthode getFullYear(). Dans notre exemple le traitement porte sur la date du jour.
/* Méthode getFullYear -> retourne le n° de l'année
(sur 4 positions) de la date système */
var dateDuJour...
