Blog ENI : Toute la veille numérique !
🐠 -25€ dès 75€ 
+ 7 jours d'accès à la Bibliothèque Numérique ENI. Cliquez ici
Accès illimité 24h/24 à tous nos livres & vidéos ! 
Découvrez la Bibliothèque Numérique ENI. Cliquez ici
  1. Livres et vidéos
  2. Apprendre à développer avec JavaScript
  3. Objets de base de JavaScript
Extrait - Apprendre à développer avec JavaScript Des bases à l'utilisation de frameworks (4e édition)
Extraits du livre
Apprendre à développer avec JavaScript Des bases à l'utilisation de frameworks (4e édition) Revenir à la page d'achat du livre

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();...