Apprendre à coder sur pierre-giraud.com

DES COURS COMPLETS ET GRATUITS POUR TOUS

SOMMAIRE

Introduction

  1. Présentation du cours
  2. Introduction au JavaScript
  3. Environnement de travail

Les bases en JavaScript

  1. Où écrire le JavaScript
  2. Syntaxe et commentaires
  3. Découverte des variables
  4. Les types de valeurs
  5. Opérations sur les variables
  6. La concaténation
  7. Présentation des conditions
  8. Les conditions if, if...else, if...else if...else
  9. Opérateurs logiques
  10. Evaluation / Simplification des conditions
  11. Conditions ternaires
  12. Switch
  13. Les boucles
  14. Découverte des fonctions
  15. Test n°1

Les objets en JavaScript

  1. Définition et découverte
  2. Valeurs primitives et objets
  3. Créer des objets
  4. Les méthodes de l’objet String
  5. Les méthodes de l’objet Number
  6. Découverte de l’objet Array
  7. Les méthodes de l’objet Array
  8. Découverte de l’objet Date
  9. Les méthodes de l’objet Date
  10. L’objet Math et ses méthodes
  11. Test n°2

Notions avancées sur les fonctions

  1. La portée en JavaScript
  2. Les fonctions anonymes
  3. Les fonctions auto-invoquées
  4. Les closures JavaScript
  5. Test n°3

Le DOM HTML

  1. Découverte du DOM HTML
  2. Accéder à un élément HTML
  3. Modifier du contenu HTML
  4. Ajouter et insérer des éléments HTML
  5. Modifier ou supprimer des éléments HTML
  6. Naviguer dans le DOM
  7. Les évènements en JavaScript
  8. AddEventListener()
  9. Propagation des évènements
  10. L'objet Event
  11. Test n°4

Le BOM - Browser Object Model

  1. Le BOM et l'objet Window
  2. L'objet Screen
  3. L'objet Navigator
  4. L'objet Location
  5. L'objet History
  6. Test n°5

Les expressions régulières

  1. Découverte des regex en JavaScript
  2. Recherches et remplacements
  3. Les quantifieurs et les options
  4. Les classes de caractères et les méta-caractères
  5. Test n°6

JavaScript et formulaires

  1. Rappels sur les formulaires en HTML
  2. Validation HTML des formulaires
  3. Validation JavaScript des formulaires
  4. Test n°7

L'élément HTML canvas

  1. Découverte de l'élément canvas
  2. Dessiner des rectangles
  3. Dessiner des lignes
  4. Dessiner des arcs de cercle
  5. Créer des dégradés
  6. Insérer du texte et des images
  7. Incliner un dessin
  8. Test n°8

Notions avancées

  1. Gestion du délai d'exécution
  2. La gestion des erreurs
  3. Le mode strict
  4. Test n°9

Conclusion

  1. Conclusion - Aller plus loin

LES METHODES DE L’OBJET DATE

Les méthodes de l’objet Date

L’objet Date possède une cinquantaine de méthodes. Celles-ci vont très majoritairement se décomposer en deux ensembles : les « getters » et les « setters ».

Dans cette partie, nous allons voir les méthodes les plus intéressantes pour nous de l’objet Date. Vous n’aurez ensuite aucun mal à utiliser les autres méthodes si un jour vous en avez besoin.

Les getters vont pour la plupart aller récupérer une information relative à une date (« get » en anglais signifie « avoir, récupérer ») tandis que les setters vont servir à définir une date (« set » signifie « définir, mettre en place »).

Les getters de l’objet Date

Les méthodes de type getter vont toutes commencer par get (d’où le nom).

Notez que le type de méthodes / fonctions « getter » n’est pas propre à l’objet Date ni même au JavaScript : on retrouve cette convention d’écriture dans de nombreux autres langages en informatique.

Les getters sont généralement assez simples d’utilisation puisque ces méthodes vont se contenter de renvoyer une information.

Nous allons donc nous contenter de présenter tous les getters de l’objet Date les plus utiles dans un même exemple :

Les méthodes de type getter de l’objet JavaScript date

On utilise les getters pour récupérer une date

Essayer ce code !

Les setters de l’objet Date

Les méthodes de type setter commencent toutes par set.

Les méthodes de type setter, tout comme les getters, ne sont pas propre à l’objet Date ni au JavaScript mais constituent un standard d’écriture communément admis : on retrouve des setters dans de nombreux autres langages en informatique.

Très souvent, nous allons trouver l’équivalent des getters sous forme de setters (setTime(), setFullYear(), etc.).

Voyons ensemble les setters les plus utilisées :

Les méthodes de type setter de l’objet JavaScript Date

On peut définir une date grâce aux setters de l’objet Date

Essayer ce code !

Formatage d’une date en JavaScript

Une fois que l’on a bien compris comment fonctionnent les getters de l’objet Date, il est assez simple de formater une date pour que celle-ci s’affiche en français.

Il existe évidemment plusieurs façons de faire. Personnellement, je vous propose une méthode utilisant les tableaux.

On formate notre date pour qu’elle s’affiche en français

On peut utiliser les tableaux pour transformer l’affichage d’une date en JavaScript

Essayer ce code !

Il n’y a rien de vraiment difficile dans le script ci-dessus. Comme annoncé, on créé deux tableaux jour et mois pour pouvoir ensuite afficher la date en français.

L’astuce est de se servir des valeurs renvoyées par getDay() et getMonth() en indices pour nos tableaux afin d’aller chercher les bonnes valeurs.

La seule chose à laquelle il faut faire attention est de bien faire correspondre les valeurs de nos tableaux avec les valeurs renvoyées par ces deux méthodes.

Pour cela, il faut se souvenir que getDay() renvoie un chiffre entre 0 pour « Sunday » (dimanche) et 6 pour « Saturday » (samedi) tandis que getMonth() renvoie un nombre entre 0 pour « January » (janvier) et 11 pour « December » (décembre).

Chapitre précédent

Chapitre suivant